scroll-snap-align

Utilities for controlling the scroll snap alignment of an element.

Examples

Snapping to the center

Use the snap-center utility to snap an element to its center when being scrolled inside a snap container:

Snapping to the start

Use the snap-start utility to snap an element to its start when being scrolled inside a snap container:

Snapping to the end

Use the snap-end utility to snap an element to its end when being scrolled inside a snap container:

Responsive design