UTILS.
100 % im Browser

CSS-Flexbox-Spielwiese

Experimentiere mit Flexbox-Eigenschaften in einer Live-Vorschau und kopiere das generierte CSS.

Über dieses Tool

Passe flex-direction, justify-content, align-items und flex-wrap an und sieh das Ergebnis sofort, alles in deinem Browser.

Häufig gestellte Fragen

Was zeigt die Vorschau?
Einen Flex-Container mit fünf nummerierten Boxen, die sich beim Ändern der Eigenschaften live neu anordnen.
Ist das CSS einsatzbereit?
Ja, kopiere die generierte .container-Regel direkt in dein Stylesheet.

Weitere Tools