Grid
Press G to toggle.
Desktop (≥1024)
Tablet (640–1023)
Mobile (<640)
Max content 1200 (1264 incl. margins)
<640: 4 col, 16-gutter, 16-margin
≥640: 12 col, 20-gutter, 24-margin
≥1024: 12 col, 20-gutter, 32-margin
2-up rows stack below 768
<640: 4 col, 16-gutter, 16-margin
≥640: 12 col, 20-gutter, 24-margin
≥1024: 12 col, 20-gutter, 32-margin
2-up rows stack below 768
Full width
One column spans all twelve grid tracks — 1200px of content.
Wide format
Two columns span six grid tracks each.
Side by side
Equal weight, 20px apart.
Three columns
Each card spans four of twelve grid tracks.
Equal weight
Balanced thirds share the row evenly.
20px gutter
Consistent spacing across every breakpoint.
Four columns
Each card spans three of twelve grid tracks.
Card layout
The frontpage grid — collapses to 3 then 2.
Equal thirds
Balanced quarters share the row evenly.
20px gutter
Consistent spacing across every breakpoint.