Filipe im Bildschirmfoto: "in der mitte der kachel soll auch alles perfekt
zentriert sein und nicht wie jetzt total verschoben." Gemessen waren es
zwei getrennte Fehler, die zufaellig in dieselbe Richtung zeigten.
ERSTENS: .willkommen__stand trug ein `margin-left: auto` -- ein Rest aus
der Zeit, als die drei Ablesungen RECHTS zwischen Text und Uhr standen.
In einer Flex-Spalte gewinnt ein auto-Rand immer gegen das
`align-items: center` des Elternteils. Bei 1920 px lagen Anrede,
Zierzeile, Titel und Unterzeile alle exakt auf Mitte 960 -- dieser Kasten
allein auf 1129, also 169 px daneben.
Aufgefallen war das schon einmal: In der Media-Query fuer 412 px stand
bereits `margin-left: 0`, mit dem Vermerk "im Bildschirmfoto gesehen,
nicht hergeleitet". Dort wurde das Symptom geflickt und die Ursache blieb
stehen -- auf dem grossen Bildschirm damit unbemerkt weiter. Jetzt ist
die Ursache weg und die Gegenzeile gleich mit: Eine Zeile, die nichts
mehr aufhebt, sieht aus wie Absicht und wird mitgeschleppt.
ZWEITENS, und ohne Messung nicht zu sehen: `.willkommen .unterzeile` ist
laut start.css ein FLEX-Kasten mit Umbruch, damit die Lage hinter der
Rolle stehen und auf dem Handy umbrechen kann. In einem Flex-Kasten
ordnet `text-align` die Elemente aber NICHT an -- es zentriert den Text
innerhalb jedes Elements, waehrend die Elemente selbst links kleben.
In der breiten alten Begruessung fiel das nie auf, weil beide in eine
Zeile passten; die Spalte der Zentrale ist 397 px schmal und bricht
immer um. Gemessen: Rollentext 39,7 px und Lage 58,6 px links der Achse,
auf jeder Fensterbreite gleich. Behoben mit `justify-content: center` --
`align-items` waere das falsche Werkzeug, die Richtung ist row mit
Umbruch, nicht column.
Dazu der Punkt der Lage: Er haengt in einem `padding-left: 14px`. Steht
die Lage in einer eigenen Zeile -- in dieser Spalte immer --, ist das
Element dadurch 14 px breiter als sein Text und sitzt 7 px rechts der
Mitte. Ein Ausgleich rechts macht es symmetrisch, nur hier und nicht in
start.css: nebeneinander waere ein rechter Rand ein zu grosser Abstand.
Gemessen ueber 1920/1440/1280/1100/800 px: alle sieben Elemente auf
Abweichung 0,0 px. Zusaetzlich auf 360/390/412/430 px: kein waagerechter
Ueberstand. pruef-start-ansicht EXIT=0, weiterhin 140 Pruefungen -- keine
ist dabei still verschwunden.
Co-Authored-By: Claude Opus 5 <[email protected]>
DogFatherGitandClaude Opus 5
863471c3df