7 terms
A baseline grid in layout and grids is a set of evenly spaced horizontal lines on which text baselines sit, creating consistent vertical rhythm.
A column grid divides a page or screen into vertical columns separated by gutters, giving layouts consistent widths, alignment and rhythm.
A grid system is a framework of columns, gutters, margins and rows that designers use to place content consistently across pages, screens and layouts.
A gutter in layout design is the fixed space between columns or rows of a grid that separates content and keeps a page readable and organized.
A margin in layout is the empty space between the edge of a page or screen and its live content area, framing the design and protecting…
A modular grid is a layout grid of columns and rows that divides the page into equal modules, used in design to organize complex content consistently.
A responsive grid is a layout grid whose columns, gutters and margins adapt at breakpoints so one design works on phones, tablets and desktops.