Générateur de grilles CSS Grid

Créez une grille CSS avec des colonnes égales, des lignes automatiques et un espacement.

Graphisme Sans conservation

Guide rapide

Un exemple pour commencer

Vous saisissez

Colonnes
3
Lignes
2
Espacement (px)
16

Vous obtenez

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Fonctionnement et limites

Choisissez jusqu’à 24 colonnes et lignes. Collez les déclarations dans la règle CSS du conteneur.