Design Nomenclature / Composition

Column

Also called grid column

A vertical division of the live area, separated from its neighbours by gutters. Column count governs how many measures a page can offer; column width is what a reader actually experiences. Columns exist to be spanned — the useful grid is the one whose columns combine into more than one usable width.

A twelve-column grid with three blocks laid over it spanning four, three, and five columns respectively, showing that the usable widths come from combining columns rather than from the column itself.

In practice

A grid column is a structural division; a CSS grid column is a track. They collide in conversation constantly and rarely map one-to-one.

Not to be confused with

How this term connects

GridGutterMarginMeasureModuleColumn
Related Confused with