Grid
Column grid system, breakpoints, and responsive layout structure.
12-Column Grid
The grid uses 12 equal-width columns at a max width of 1280px, with 16px gutters between columns and 24px outer margins.
Container Widths
Responsive Breakpoints
Breakpoints determine how content reflows across screen sizes. Column counts decrease at smaller viewports to maintain readable content widths.