CSS Grid- og Flexbox-bygger
Design responsive Grid- og Flexbox-layout med direkte forhåndsvisning og CSS klar til kopiering.
Hold markøren over et felt, eller vælg det for at få hjælp. Tryk Escape for at lukke.
Sådan fungerer det
Indsæt dit indhold, eller indlæs eksemplet. Vælg de tilgængelige indstillinger, kør værktøjet, og kopiér eller hent resultatet.
Et praktisk eksempel
Layout
Layout
Ofte stillede spørgsmål
Sendes min tekst til en server?
Nej. Indholdet behandles i denne browser. Det sendes ikke til serveren og gemmes ikke.
Hvad bør jeg vide om CSS Grid- og Flexbox-bygger?
Forhåndsvisningen bruger nummererede blokke. Den genererede CSS indeholder layoutregler; tilpas selektorer og brudpunkter til din side.