6.3 Container-Nesting & DOM-Regeln (flache Struktur)
Zeigt, wie Flex Direction, Alignment und Gap effizient genutzt werden.
Inhaltsverzeichnis
A. Flexbox-Basics
- Display: Flex
- Direction: Row (für Spalten) oder Column
- Align Items: Center
- Justify Content: Space Between
B. Vorteile
Flexbox ersetzt das frühere Columns-System. Es reagiert besser auf Breakpoints und ist einfacher im Debugging.
Tipp: Im Responsive-Modus: direction → Column und Align → Start. So stapeln sich Container sauber.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container