It makes the scrolling experience much smoother and it is very easy to implement. .my-element { scroll-snap-type: mandatory; scroll-snap-points-x: repeat(50px, 100px); } This code will create an element that snaps to every 50px on the x-axis and every 100px on the y-axis. Scroll snap align: The new scroll-snap-align property allows you to control how an… Continue reading Scroll snap feature