Scroll Snap Align

Set the snap alignment of an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

ssa:c

scroll-snap-align: center;

ssa:e

scroll-snap-align: end;

ssa:none

scroll-snap-align: none;

ssa:s

scroll-snap-align: start;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.