Ensemble de repères verticaux utilisés pour organiser les éléments d’une interface. Il constitue la grille de composition et sert notamment à exprimer les tailles des éléments et leur comportement au redimensionnement de la page.

Voici les contraintes d’un colonage :

• La colonne qui souvent s’étire pour s’adapter aux contraintes suivantes

• Les marges (Margin) : espace à gauche et droite de l’ensemble des colonnes

• Les gouttières (Gutter) : espace entre les colonnes

De manière générale (mais cela ne constitue pas une règle stricte et immuable) les colonages sont de ce type :

• TV - 16 colonnes

• Desktop (PC) - 12 colonnes

• Tablette - 8 colonnes

• Mobile - 4 colonnes