CSS Grid Generator
Visuele CSS Grid-generator met live preview. Ontwerp interactief grid-lay-outs.
Veelgestelde vragen
Wat is CSS Grid?
CSS Grid is een tweedimensionaal lay-outsysteem waarmee u complexe lay-outs met rijen en kolommen kunt ontwerpen.
Hoe stel ik kolommen en rijen in?
Gebruik de invoervelden Kolommen en Rijen. U kunt px, fr of percentages gebruiken.
Wat is de gap-eigenschap?
De gap-eigenschap stelt de afstand tussen grid-items in. U kunt aparte waarden instellen voor row-gap en column-gap.
Kan ik benoemde grid-gebieden maken?
Deze generator richt zich op de basisstructuur. Voor benoemde gebieden kunt u de gegenereerde CSS-code handmatig uitbreiden.