Strumenti asset web

Generatore di CSS Grid

Usa Generatore di CSS Grid gratis nel browser. Non serve un account; i dati inseriti vengono elaborati localmente nel browser.

Funziona in localeI tuoi dati restano nel browser.
Area di lavoro
COME VIENE GENERATO

Genera una dichiarazione CSS Grid

Crea un numero fisso di colonne usando repeat() e minmax(), con gap configurabile.

Colonne + larghezza minima + gapCSS GridElaborazione locale
01Colonne + larghezza minima + gap
02Crea grid-template-columns
03CSS Grid

3 colonne con minimo 220px creano repeat(3, minmax(220px, 1fr)).

DA SAPERE

Il numero di colonne è esplicitamente fisso

Il generatore attuale usa repeat(numero, …), non auto-fit o auto-fill.

PRIVACY BY DESIGN

Il contenuto resta nel browser

L’elaborazione viene eseguita localmente nella pagina senza dover inviare il contenuto a UtilityLake.

02

In breve

Cosa fa esattamente?

Crea un numero fisso di colonne usando repeat() e minmax(), con gap configurabile.

Un esempio?

3 colonne con minimo 220px creano repeat(3, minmax(220px, 1fr)).