fiokit.

Generatore CSS Grid e Flexbox

Progetta layout Grid e Flexbox con anteprima interattiva e codice CSS pronto da copiare.

Passa su un campo o selezionalo per vedere l’aiuto. Premi Esc per chiuderlo.

1
2
3
4
5
6

Come funziona

Incolla il contenuto o carica l’esempio. Seleziona le opzioni disponibili, premi Elabora e copia o scarica il risultato.

Un esempio pratico

Layout

Layout

Domande frequenti

Il mio testo viene inviato al server?

No. Il contenuto viene elaborato in questo browser, non viene inviato al server né salvato.

Quali limiti ha Generatore CSS Grid e Flexbox?

L’anteprima usa blocchi numerati. Adatta selettori e breakpoint del CSS generato alla tua pagina.