Design System GuideDS Guide
Docs
Docs
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