Перейти к содержимому
AI Роадмап - 75 шагов от нуля до продакшена

этап · Делаем красиво

58Мобилка

Больше половины людей придут с телефона

Самая частая беда самодельных проектов: на компьютере красиво, на телефоне развалилось.

Причина в том, что и ты, и ИИ смотрите на большой экран. Пока не проверишь на маленьком - не узнаешь.

Что обычно ломается: текст становится слишком мелким. Таблицы уезжают за край, и появляется горизонтальная прокрутка - верный признак, что что-то не так. Кнопки становятся такими, что в них не попасть пальцем. Меню перекрывает содержимое.

Как проверять, не имея десяти телефонов: в браузере есть режим, где можно посмотреть страницу в размере телефона. Открывается в пару кликов, попроси ИИ показать как.

Правило, которое стоит закрепить: проверяй мобилку сразу, а не в конце. Переделывать готовый макет под маленький экран мучительно. Проверять по ходу - легко.

И один частый источник боли: горизонтальная прокрутка от какого-нибудь украшения, которое торчит за край экрана. Если страницу можно двигать вбок - что-то вылезло, ищи виновника.