GuidelinesGuidelinesBreakpoints and the container spec from the source platform.
| Breakpoint | Min-width |
|---|---|
| sm | 640px |
| md | 768px |
| lg | 1024px |
| xl | 1280px |
| 2xl | 1536px |
Matches the Container primitive in app/components/ui/container.tsx.
container: {
center: true,
padding: '1rem',
}
.container {
max-width: 1336px; /* override in globals.css */
}