Задать вопрос

Что делать, если мобильный дизайн сильно отличается?

Дизайнер нарисовал макеты - desktop, tablet, mobile. Tablet - просто немного адаптированная версия десктопа, а вот в мобильной версии всё совершенно по-другому. Например, в хедере изменена последовательность элементов, поиск свернут в иконку и т. д.
5b685a711b75a564773595.png

5b685abb33777299538330.png

Вопрос - как такое верстать?

Я верстаю non mobile first, без бутстрапа, без flexbox, на SCSS.
В таких случаях обычно создают отдельную мобильную версию сайта? Или добавляют две версии хедера в HTML, одну скрывая? Просто иначе мне приходится фигачить всё абсолютным позиционированием, и это решение кажется таким себе...
  • Вопрос задан
  • 141 просмотр
Подписаться 1 Простой 6 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы