Lernziel
Du lernst die Grundidee von Flexbox kennen.
HTML & CSS | Intermediate
Flexbox-Grundlagen
Elemente flexibel in Reihen und Spalten anordnen.
Beispiel
.container {
display: flex;
gap: 16px;
justify-content: space-between;
}Drag-Aufgabe
Setze die wichtigsten Flexbox-Eigenschaften in die CSS-Regel ein. So uebst du die Basis-Syntax direkt an einem echten Beispiel.
Bausteine
Baustein ziehen oder anklicken, dann in eine Luecke setzen.
Live-Beispiel
Box 1
Box 2
Box 3
Wofür Flexbox gut ist
Flexbox eignet sich für Reihen, Menüs, Kartenleisten und viele typische Layout-Aufgaben.