Layout
Responsive layout and reflow
Build from stable containers, spacing and grid contracts so information reflows without overlap or loss at phone, tablet and desktop widths.
Approved decision
Application guidance
Design for content, not a single screen
Use the approved content width, gutter, spacing and breakpoint tokens. Fixed-format controls must keep stable dimensions while text and page regions reflow.
- Verify at 320, 768 and 1440 pixels.
- Keep text inside its container and allow long labels to wrap.
- Replace wide data tables with an accessible responsive record presentation when required.
Provenance
Evidence source
corporate-identity/docs/UJ_DESIGN_SYSTEM_RESEARCH_2026.md; @uj/design layout tokens and visual acceptance suite