2.1 Container-Grundlagen (Seitenbreite, Grid, Hierarchie)
Erklärt den Aufbau mit Flexbox-Containern – die Basis jeder sauberen Elementor-Seite – und wie man Layouts logisch gliedert.
Inhaltsverzeichnis
A. Container-Struktur
Nutze immer einen Hauptcontainer pro Sektion. Innerhalb davon können ein bis zwei innere Container genutzt werden – z. B. für Text- & Bildspalten.
B. Einstellungen
- Breite: max 1200 px
- Gap: 24 px (basis)
- Padding: Top 64 / Bottom 64 / Left+Right 5%
- Hintergrund: keine Inline-Farben – nutze globale Styles
C. Do & Don’t
✅ Richtig: Eine Ebene pro Inhaltsblock, flex-direction: column, Gap = Spacing.
❌ Falsch: Mehrfach verschachtelte Container, px-Abstände, Inline-CSS.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container