Адаптивный хедер с изменением структуры элементов?

Всем здравствуйте. У меня возникла задача, сделать хедер сайта адаптивным, но проблема в том, что в адаптиве сильно меняется структура элементов. Я начертила на картинке как есть на десктопе и как надо расположить элементы на версии для планшета. На данный момент я просто в коде скопировала блок с главным меню и отображаю его только на планшете, но беда в том, что в коде дважды одно и то же главное меню фигурирует и поисковые системы это не одобрят, а мне важно в поисковиках нормально сидеть. Можете предположить как бы вы решали эту задачу без дублирования кода?

5c39f5f8dd18f876080015.jpeg
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 2
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Раньше код дублировали или js-магию воплощали :)
Но теперь есть фишки CSS: display: flex; и order:1;
Ответ написан
dpr
@dpr
frontend developer
Сделайте гридами. Поддержка хорошая, в большинстве устройств все будет нормально. Для отсталых сделайте на флексах попроще, пусть не по макету, но доступно для использования. Если нужно совсем мамонты, фолбечьте дальше на инлайн блоках.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы