UTILS.
100% nel browser

Generatore di CSS Grid

Genera un layout CSS grid con colonne, righe e gap regolabili, con anteprima dal vivo.

Informazioni su questo strumento

Imposta il numero di colonne e righe più il gap per costruire una griglia CSS e copia il codice, tutto nel tuo browser.

Domande frequenti

Come vengono dimensionate le tracce?
Colonne e righe usano repeat() con 1fr così da condividere lo spazio disponibile in modo uniforme.
Cos'è il controllo gap?
Imposta il gap della griglia in pixel tra ogni cella, applicato dal vivo all'anteprima.

Altri strumenti