Breakpoints
The two breakpoints used to switch between mobile, tablet and desktop layouts.
The site uses three width thresholds, queried with the modern range syntax.
| Name | Query | Used for |
|---|---|---|
| Base | < 700px | Phones — default styles. |
| Medium | (width >= 700px) | Tablets — multi-column forms, padding increases. |
| Wide | (width >= 1100px) | Desktops — full grid and sidebar layouts. |
@media (width >= 700px) { /* medium and up */ }
@media (width >= 1100px) { /* wide and up */ }