Generator för CSS Grid-mallar

Skapa en CSS Grid-deklaration med lika breda kolumner, automatiska rader och mellanrum.

Grafik Ingen datalagring

Snabbguide

Prova ett exempel

Du matar in

Kolumner
3
Rader
2
Gap (px)
16

Du får

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Så fungerar det och vilka gränser som gäller

Välj upp till 24 kolumner och rader. Klistra in resultatet i CSS-regeln för din nätbehållare.