CSS-Werkzeuge/Flexbox Playground

Flexbox Playground

Erstellen Sie responsive Layouts mit CSS Flexbox mithilfe interaktiver visueller Kontrollen

Vorschau

1

2

3

Container-Eigenschaften

Flex-Richtung

Flex-Umbruch

Inhalt rechtfertigen

Elemente ausrichten

Inhalt ausrichten

Abstand10px

Presets

Elemente

Item 1

Flex-Wachstum

Flex-Schrumpfung

Selbst ausrichten

Reihenfolge

Item 2

Flex-Wachstum

Flex-Schrumpfung

Selbst ausrichten

Reihenfolge

Item 3

Flex-Wachstum

Flex-Schrumpfung

Selbst ausrichten

Reihenfolge

CSS-Code

Loading...