Grid

A grid is a hidden framework that elements snap to. It is invisible to users but gives the designer a consistent way to place things — every element on the page lines up to the same columnsColumnslayoutVertical sections of a grid that hold content..

A typical web grid has 12 columnsColumnslayoutVertical sections of a grid that hold content.. The grid handles alignmentAlignmentlayoutHow elements line up along a common edge or axis., rhythm, and responsive breakpoints all at once. Once you commit to a grid, the layout almost designs itself.