CSS Grid Generator
Maak CSS Grid-layouts met live preview. Configureer kolommen, rijen, tussenruimtes en sjablonen. Gratis, 100% in je browser.
Voorbeeld
CSS-uitvoer
Referentie
Over CSS Grid
CSS Grid is een tweedimensionaal layoutsysteem waarmee je rijen en kolommen tegelijkertijd kunt beheren. Ideaal voor complexe paginalayouts.
Sjablonen
grid-template-columns en grid-template-rows bepalen de grootte van rastersporen. Gebruik fr voor proportionele delen, auto voor automatische grootte of vaste eenheden.
Privacy
Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.