CSS-Inhalt ist breiter als der Bildschirm, wenn Elemente zentriert ausgerichtet werden ⇐ CSS

[Guest]

Sehen Sie sich dieses Layout an: https://play.tailwindcss.com/AB7gpKcJlc
Ich verstehe wirklich nicht, warum das Scroll-Div breiter ist als das Bildschirmgröße.

Was wirklich seltsam ist, ist, dass es ordnungsgemäß funktioniert, wenn die Elementmitte aus dem Layout entfernt wird (obwohl die Abschnitte nicht mehr zentriert sind).
Wie die Ausrichtung etwas zu tun hat Was hat das mit der Größe des Inhalts zu tun?

Wie soll ich dieses Layout korrigieren?