CSS Scroll Snap Points Example

Responsive Vertical Scroll Gallery – Same Sized Images

Below is a gallery where all images are the same size and will be scrolled vertically. With scroll snapping we can make it so that as you scroll the container, the browser will snap the scroll to 100% high, showing the entire image. This gallery is responsive, it's width will change depending on the screen size (up to a set maximum)