Flexbox
Flexbox (Flexible Box Layout) ist ein CSS-Modul für ein-dimensionales Layout, das Elemente in Reihen oder Spalten flexibel anordnet, ideal für responsive Designs. Im Webdesign vereinfacht es Alignment und Distribution; in SEO unterstützt es mobile Optimierung.
Flexbox ordnet Elemente in einer Richtung an, waagerecht oder senkrecht, und verteilt den verfügbaren Platz zwischen ihnen. Damit lösen sich Aufgaben in drei Zeilen, für die man früher Tabellen oder schwebende Elemente missbraucht hat.
Die Faustregel zur Abgrenzung: Flexbox für eine Achse, Grid für zwei. Eine Kopfzeile mit Logo links und Navigation rechts ist Flexbox. Ein Raster aus zwölf Karten mit gleichen Spalten und Zeilen ist Grid. Wer alles mit Flexbox baut, kämpft ab der zweiten Zeile mit Umbrüchen; wer alles mit Grid baut, verrenkt sich bei einfachen Reihen.
Zurück zum Glossar