▦
Générateur de grille CSS
Concevoir une grille CSS avec colonnes, lignes et espaces et copier le code résultant.
1
2
3
4
5
6
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;Comment ça marche
Réglez le nombre de colonnes et de lignes ainsi que leur espacement. L’outil actualise l’aperçu et génère les propriétés display, grid-template-columns et gap.
Questions fréquentes
Les colonnes s'adaptent-elles à la taille de l'écran ?
Le code généré utilise des unités fr pour distribuer l'espace disponible entre les colonnes.
Je peux copier le CSS ?
Oui. Le code est généré automatiquement et peut être copié avec un bouton.