If you use overflow-x: hidden, you can end up with scrollbars on the y-axis. Switch out that `hidden` for a `clip` and you'll solve the problem.

#css #tipsandtricks

Kevin Powell

Learn how to prevent unwanted horizontal scrolling by using the CSS 'clip' property instead of 'overflow: hidden'. This solution allows you to manage overflow in one direction while maintaining visibility in the other, solving common issues with double scroll bars. Additionally, get tips on removing elements from the DOM for better user navigation.

No more extra scrollbars when using overflow-x

I love it! I didn’t know this was possible. :)

That example is very enlightening!

Very useful! Extra scroll bars can be such a pain, especially when switching between a mac &amp; windows. On mac everything looks fine, test it on a windows and scroll bars everywhere!!