Grid layout

A gridGridlayoutAn invisible structure of columns and rows that aligns content. layout uses an underlying column grid (often 12 columnsColumnslayoutVertical sections of a grid that hold content.) to align every page section. Headings, images, and text snap to column boundaries, so the whole page reads as architecturally consistent.

A strict gridGridlayoutAn invisible structure of columns and rows that aligns content. is the easiest way to make a complex page feel calm. Modern CSS Grid lets you mix wide and narrow blocks while keeping their edges aligned. The grid is invisible to users but felt.