CSS Grid generatore

CSS Grid generatore online gratuito. Elabora i dati istantaneamente nel tuo browser. Nessun caricamento, nessuna registrazione, totalmente privato.

Elaborazione locale

Custom template (override cols/rows)

columns: 3

rows: 2

column gap: 8px

row gap: 8px

Preview

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(40px, auto));
  column-gap: 8px;
  row-gap: 8px;
}

Come usare

Inserisci il tuo contributo qui sopra. Il risultato si aggiorna automaticamente. Utilizzare il pulsante Copia per copiare il risultato.

Privacy

Tutta l'elaborazione avviene nel tuo browser. I tuoi dati non vengono mai caricati su nessun server.

Domande frequenti

Questo CSS Grid generatore è gratuito?

Sì, completamente gratuito. Nessuna registrazione richiesta.

Questo strumento carica i miei dati?

No. Tutta l'elaborazione avviene localmente nel tuo browser. I tuoi dati non lasciano mai il tuo dispositivo.

CSS Grid generatore