CSS Grid-sjabloon genereren

Maak een CSS Grid-declaratie met kolommen van gelijke breedte, automatische rijen en tussenruimte.

Grafisch Zonder gegevensopslag

Korte handleiding

Probeer een voorbeeld

Je voert in

Kolommen
3
Rijen
2
Gap (px)
16

Je krijgt

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Werking en limieten

Kies maximaal 24 kolommen en rijen. Plak het resultaat in de CSS-regel voor uw rastercontainer.