CSS-Flexbox-Playground
1
2
3
4
5
Flexbox verstehen und ausprobieren
Flexbox ist das mächtigste Layout-Werkzeug in CSS – aber die vielen Eigenschaften sind ohne Ausprobieren schwer zu merken. Im Playground stellst du sie über Menüs ein und siehst sofort, wie sich die Boxen anordnen. Den passenden CSS-Code gibt es darunter.
- flex-direction: Ausrichtung der Hauptachse (Zeile oder Spalte).
- justify-content: Verteilung entlang der Hauptachse; align-items: quer dazu.
- wrap & gap: Umbruch bei Platzmangel und Abstand zwischen den Elementen.