Front end
Grid area builder
Paint the layout on a grid and take the CSS away. It also tells you when an area is not a rectangle, which is the mistake that makes the whole declaration vanish.
Click a cell to paint it. Click again to clear it.
The CSS
Every area has to form a solid rectangle. If it does not, the whole declaration is thrown away and the grid falls back to auto placement, silently.
[…] non-rectangular areas before they break it Copy the declaration straight into your stylesheet Open the generator Free · runs in your browser · no […]