Grid Utilities

Definition

Classes pour creer des grilles CSS : nombre de colonnes, placement, gaps et zones. Simplifie les layouts complexes en quelques classes.

Analogie

Un tableur Excel : tu definis colonnes et lignes, puis places tes contenus dans les cellules.

Exemple de code

<div class="grid grid-cols-3 gap-6">
  <div class="col-span-2">Large</div>
  <div class="row-span-2">Haut</div>
  <div>Normal</div>
</div>

Cas d'usage

Construire des grilles de cards, galleries photo, ou dashboards avec un layout precis.

Termes lies