Generatore di layout CSS Grid

Crea una griglia CSS con colonne uguali, righe automatiche e spaziatura.

Grafica Senza conservazione

Guida rapida

Un esempio da provare

Inserisci

Colonne
3
Righe
2
Spaziatura (px)
16

Ottieni

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Come funziona e limiti

Scegli fino a 24 colonne e righe. Incolla le dichiarazioni nella regola CSS del contenitore.