6. Abstände, Layout & Container
Dieses Kapitel definiert, wie Container, Spacing und Flexbox-Layouts aufgebaut werden, um Konsistenz zu gewährleisten.
Inhaltsverzeichnis
A. Ziel dieses Kapitels
Einheitliche Abstände und Layoutregeln sind entscheidend für ein sauberes, wartbares Design. Dieses Kapitel legt die Basis für Spacing, Containerstruktur und Flexbox-Verhalten.
B. Grundprinzipien
- Immer nur Bottom-Abstand pro Element
- Innenabstände statt Außenabstände bevorzugen
- Einheitliche Werte über alle Seiten
- Abstände immer relativ (% oder em)
C. Unterkapitel
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container