Heads up: It doesn't look like your browser supports scroll snapping! Check Can I use for current browser support. Maybe try opening this CodePen in a different browser, like Chrome?

Scroll slowly to "feel" the snap points.

scroll-margin: 0px;
scroll-margin-top
scroll-margin-left
scroll-margin: 10px;
scroll-margin-top
scroll-margin-left
scroll-margin: 50px;
scroll-margin-top
scroll-margin-left
scroll-margin: 50px 10px;