Flexbox ordnet Elemente in Zeilen oder Spalten mit Ausrichtung und Verteilung an – das zentrale moderne CSS-Layout.
display:flex auf einem Container mit Flex-Direction, Justify-Content und Align-Items steuert, wie Kinder gedehnt und umwickelt werden. Flexbox zeichnet sich durch Navigationsleisten, Kartenreihen und vertikale Zentrierung ohne Float-Hacks aus.
Kombinieren Sie es mit CSS Grid für zweidimensionale Layouts. Der Tentaco Flexbox Generator gibt CSS zum Kopieren und Einfügen mit Live-Vorschau für die Prototypenerstellung aus.