Адаптивы

Адаптивный дизайн и мобильный — одно и тоже

Для адаптивного дизайн делается только 1 адаптив к декстопному варианту

Адаптивная верстка — способ создания страниц, при котором они автоматически подстраиваются под размеры экрана устройства.

Адаптивная верстка — это пропорциональное уменьшение десктопного экрана.

изменение характеристик (размеров, толщины, скруглений отступов и т.п.)

Это удаление элементов с изначальной версии

Запрос у заказчика на добавление адаптивных версий

Адаптив в 320 px сейчас популярен

Картинку на из главной страницы нужно уменьшать не пропорционально

Нужно делать как можно меньше медиа-запросов

Адаптивная версия входит в стоимость сайта по умолчанию

кнопку в мобильной версии нужно растягивать на весь экран

Отступы между блоками нужно уменьшать в зависимости от размера адаптива

Размер кликабельных иконок начинаем от 24 px

нельзя удалять изначальный контент

на 360 px делаем 3 колончатую сетку

количество колонок в адаптиве, такое же, как и декстопе

количество колонок меняется в зависимости от размера адаптива (например, для 360 подходит 1 колонка)

отступы от края до края фрейма должны быть 60 px

1

2

1

2

20 px

24 px

15-17 px

28 px