Nada Rifki demonstrates the
scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance.
This is one of those things where, if you didn’t know about it, it’s worth a solid golf clap for CSS.