LeshaGFB
@LeshaGFB
Верстальщик

Максимальная ширина контейнера в сетке под мобильные разрешения?

Сразу к сути. Например, если следовать сетке Bootstrap4 , последнее разрешение (для мобильный устройств) начинается от 576 и ниже, при этом нет max container width (максимальной ширины контейнера). Отсюда вопрос, как дизайнеру правильно сделать сетку к этому разрешению, ведь сайт на мобильном устройстве, например, с разрешением 576px и на мобильном устройстве 320px будет смотреться по разному? Правильно ли будет изначально брать макет с меньшей шириной 320px и делать на нем универсальное решение, которое будет смотреться одинаково и при увеличении до 576px, то есть идти от меньшего к большему?
  • Вопрос задан
  • 55 просмотров
Решения вопроса 2
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Правильно ли будет изначально брать макет с меньшей шириной 320px и делать на нем универсальное решение, которое будет смотреться одинаково и при увеличении до 576px, то есть идти от меньшего к большему?
именно так и нужно делать.
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Да, это расстояние между брейкпойнтами, дизайн для которого проектируется для минимального, а задаче верстальщик сделать его рабочим до следующего (большего).

Конечно, если есть нюансы (а они есть, к примеру на пересечении десктопа и таблетки (горизонтальный формат)) их тоже неплохо бы прорабатывать на уровне дизайна.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы