Das ist das Standard-Template für Seiten. Die Hautpcontainer sind wie folgt aufgebaut:

• header
• group .site-content
  • group <main>
    • group constrained mit post-title
  • entry-content
• footer

Nur die Gruppe für den Titel ist begrenzt (contrained), damit der Titel ohne CSS innerhalb der definierten Standard-Breite läuft. Alle anderen Breiten definieren wir über die Section-Wrapper, weil diese präzise in der Breite steuerbar sind!

Deshalb dockt dieser Text und das folgende Bild am linken Seitenrand an.

Um ein Banner über die volle Breite laufen zu lassen, muss es in eine Gruppe constrained, weil erst dann die Einstellung „Volle Breite“ vorhanden ist. Mit dieser wird das Bild automatisch auf die volle Bildschirmbreite berechnet.
Alternativ könnte ein Section-Wrapper in voller Breite verwendet werden – aber darin enthaltene Bilder werden NICHT automatisch auf die volle Breite gestreckt! Das ginge dann nur über entsprechen große Bilder oder CSS.
Deshalb ist die Vorgehensweise über die Gruppe immer vorzuziehen, um die Backend-Bearbeitung bzw. Gestaltung unberührt zu lassen.