Grid Systems — Roadmap Step & Resources
Column grids, gutters and margins as the invisible structure behind a layout
- Level: beginner
- Estimated time: 1 days
- Roadmap: UI Design
Interview questions
- Why do most web layouts use a 12-column grid specifically?
Study resources
- Grid Systems in Graphic Design (Article) — The Interaction Design Foundation's overview of column grids and their role in layout.
- Grid Systems in UI Design Explained (Video) — A practical walkthrough of setting up and using a column grid in Figma.
Part of
- Layout & Composition — section
- UI Design roadmap — the full learning path