Collapse
Mode
Theme
Exit demo

Breakpoints

Responsive width bands: S, M, L, XL. Pair with layout primitives and media queries.

Breakpoint tokens (--bp-*) define S / M / L / XL ranges. Use them in media queries or layout decisions.

S: 0–599px M: 600–1023px L: 1024–1439px XL: 1440px+