6.1 Spacing-System (Margin-Bottom, Padding, %/vh)
Beschreibt, wie Abstände mit relativen Einheiten (em, vh, %) gesetzt werden, um ein harmonisches Gesamtbild zu schaffen.
Inhaltsverzeichnis
A. Spacing-Grundwerte
- XS = 0.5em
- S = 1em
- M = 2em
- L = 4em
- XL = 6em
B. Anwendung
Abstände zwischen Sektionen mit Padding (innen), zwischen Elementen mit Margin (nur unten). Das sichert vertikale Konsistenz.
Hinweis: Keine unterschiedlichen Top-/Bottom-Abstände in einem Block. Einheitliche Linie = ruhiges Layout.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container