CSS Grid- en Flexbox-bouwer
Ontwerp responsieve Grid- en Flexbox-layouts met een livevoorbeeld en direct kopieerbare CSS.
Beweeg de aanwijzer over een veld of selecteer het voor hulp. Druk op Escape om te sluiten.
Zo werkt het
Plak uw inhoud of laad het voorbeeld. Kies beschikbare opties, voer het hulpmiddel uit en kopieer of download het resultaat.
Een praktisch voorbeeld
Layout
Layout
Veelgestelde vragen
Wordt mijn tekst naar een server gestuurd?
Nee. De inhoud wordt in deze browser verwerkt. Deze wordt niet naar de server gestuurd of opgeslagen.
Wat moet ik weten over CSS Grid- en Flexbox-bouwer?
Het voorbeeld gebruikt genummerde blokken. Gegenereerde CSS bevat layoutregels; pas selectors en breekpunten aan uw pagina aan.