LayoutLayout
Grid without the guesswork
Named lines turn a grid from a set of numbers into something you can read six months later.
By Theo Marchetti4
Grid is not hard. Remembering what column seven meant is hard.
Name the lines
Give the tracks names that describe intent, not position. A region called content is legible; a region called four is a lookup. The browser does not care, but the next person does, and the next person is usually you.
Let it wrap
Most responsive grids do not need a single media query. Auto-fit with a sensible minimum handles the small screens, and the layout keeps working at widths you never tested.
Reserve the explicit breakpoints for the moments where the design genuinely changes its mind.
