Handbook
Design System GuideCheat Sheet
Design System GuideCheat Sheet
10. Accessibility Foundations
12. Layout System12.1 Spacing12.2 Base unit12.3 Breakpoints12.4 Grid
15. Typography16. Motion and Interaction
12. Layout System

12.3 Breakpoints

Layout System · Section 12.3

Breakpoints should respond to layout needs, not specific device brands.

Example:

--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;

12.2 Base unit

Layout System · Section 12.2

12.4 Grid

Layout System · Section 12.4