LPDP GRONINGEN / ARCHITECTURE
Responsive Layout
Content widths and breakpoints found directly in the brand portal.
Observed brand portal breakpoints
The brand portal CSS uses max-width breakpoints at 1050px, 820px and 590px. This is an implementation inventory, not a replacement for Next.js website breakpoints. Documentation pages turn the sidebar into a mobile navigation.
010203
Responsive text and content
Keep text legible, heading order logical and a single-column flow on narrow screens. QA should include 200% and 400% zoom and keyboard access without hidden content.
@media (max-width: 1050px) { /* existing brand portal breakpoint */ }
@media (max-width: 820px) { /* existing brand portal breakpoint */ }
@media (max-width: 590px) { /* existing brand portal breakpoint */ }