CSS Scroll Snap Points Example

Vertical Scroll Gallery – Different image sizes

Below we have a gallery where images of different sizes are displayed horizontally.

With scroll snapping we can make it so that as you scroll the container vertically, the browser will stop in the center of the slider and also the center of the image (if there is enough space allowed)

Demo by Simon Codrington. See article.