CSS Grid- och Flexbox-byggare
Utforma responsiva Grid- och Flexbox-layouter med direkt förhandsvisning och kopieringsklar CSS.
Håll pekaren över ett fält eller välj det för hjälp. Tryck Escape för att stänga.
Så fungerar det
Klistra in ditt innehåll eller läs in exemplet. Välj tillgängliga alternativ, kör verktyget och kopiera eller ladda ned resultatet.
Ett praktiskt exempel
Layout
Layout
Vanliga frågor
Skickas min text till en server?
Nej. Innehållet bearbetas i den här webbläsaren. Det skickas inte till servern och sparas inte.
Vad bör jag veta om CSS Grid- och Flexbox-byggare?
Förhandsvisningen använder numrerade block. Genererad CSS innehåller layoutregler; anpassa selektorer och brytpunkter till din sida.