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.