new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/scroll-snap-type

8 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

snap-none utility

The snap-none utility applies scroll-snap-type: none; to disable scroll snapping on a container.

snap-x utility

The snap-x utility applies scroll-snap-type: x var(--tw-scroll-snap-strictness); to enable horizontal scroll snapping on a container.

snap-y utility

The snap-y utility applies scroll-snap-type: y var(--tw-scroll-snap-strictness); to enable vertical scroll snapping on a container.

snap-both utility

The snap-both utility applies scroll-snap-type: both var(--tw-scroll-snap-strictness); to enable scroll snapping in both horizontal and vertical directions on a container.

snap-mandatory utility

The snap-mandatory utility sets --tw-scroll-snap-strictness: mandatory; to force a snap container to always come to rest on a snap point. It must be combined with snap-x, snap-y, or snap-both.

snap-proximity utility

The snap-proximity utility sets --tw-scroll-snap-strictness: proximity; to make a snap container come to rest on snap points that are close in proximity. It must be combined with snap-x, snap-y, or snap-both.

scroll snap requires alignment on children

For scroll snapping to work, you need to also set the scroll snap alignment on the children elements using utilities like snap-center.

scroll-snap-type responsive design

The scroll-snap-type utilities (snap-none, snap-x, snap-y, snap-both) support responsive design modifiers to apply different snap behavior at different breakpoints.

Give your agent this brain