Generatore CSS Grid
Configura colonne, righe e spaziature con anteprima e codice CSS.
Come usare css grid
- Inserisci i dati richiesti o seleziona i file dal tuo dispositivo.
- Personalizza le opzioni e controlla l'anteprima, quando disponibile.
- Clicca su Genera, Converti o Scarica per ottenere il risultato.
Non è necessario registrarsi. Lo strumento opera sul tuo dispositivo; i dati inseriti non vengono inviati ai nostri server.
Elaborazione nel browser
La velocità dipende dal tuo dispositivo e dalla dimensione dei file. Se un file non è supportato, apparirà un messaggio di errore. Prima di elaborare documenti importanti, conserva una copia degli originali.
Le librerie JavaScript utilizzate dagli strumenti sono ospitate su questo sito. Nessun contenuto dei tuoi file viene inviato al server per l’elaborazione.
Quando usare css grid
Configura colonne, righe e spaziature con anteprima e codice CSS. Apri lo strumento, configura le opzioni disponibili e controlla il risultato prima di copiarlo o scaricarlo.
Un esempio pratico
Crea una griglia responsive di esempio con 3 colonne, 2 righe e gap 14 px.
Limiti da conoscere
Le anteprime sono riferite allo spazio colore sRGB e possono apparire diverse su monitor con calibrazioni differenti.
Domanda frequente
Posso usare css grid senza registrarmi?
Sì. Questa utility viene eseguita nel browser senza account e senza inviare il contenuto dei file al server.