CSS Tip: Easily Deal With Layout Shifts Caused by Scrollbars

VideoZoran Jambor

Find out how to prevent layout shifts when scrollbars are hidden/shown using the scrollbar-gutter CSS property.

Find out how to prevent layout shifts when scrollbars are hidden/shown using the scrollbar-gutter CSS property.

scrollbarslayout shiftsscroll-behavior
ADCrazy Egg

One CSS change broke checkout. Nobody noticed until users did.

ADBuild any web layout, with confidence.

Build any web layout, with confidence.

CSS Weekly YouTube Channel

CSS Weekly YouTube Channel

Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

Subscribe Today »
Mastering Linting

Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »