Как отрисовать дизайн мобильной версии сайта?

Для отрисовки дизайна мобильной версии сайта можно следовать таким рекомендациям:

1. Создать артборд или фрейм с размерами телефона. yandex.ru Например, в графическом редакторе Figma есть предустановленные размеры для iPhone и Android. yandex.ru
2. Добавить сетку для мобильного размера экрана. yandex.ru Если для веб-версии было 12 колонок, то для планшета будет уже 8, а для телефона — 4 колонки. yandex.ru
3. Блок за блоком перенести блоки сайта с веб-версии. yandex.ru Уменьшить размер шрифтов, выстроить блоки контента друг под другом. yandex.ru
4. Проверить адаптированные элементы в режиме предпросмотра. practicum.yandex.ru В него можно попасть через кнопку в верхнем правом углу экрана. practicum.yandex.ru

Для создания дизайна мобильной версии сайта можно использовать такие программы, как Figma, Sketch и другие. yandex.ru