@dqwe93

Как правильно адаптировать шапку сайта?

Доброго времени суток. Необходимо адаптировать шапку под мобильные устройства. Имеется два макета шапки.

1ый для декстопа
5f848a7948ccc707946289.png

2ой для мобильной версии.
5f848dd928376312923352.png

Подскажите как правильно будет сверстать такую шапку? Первое что приходит в голову это разместить в html сразу 2 шапки и например на десктопе скрывать мобильную шапку в display:none, а на мобильном разрешении наоборот скрывать десктопную шапку и показывать мобильную.

Или же это неправильный подход и нужно будет что-то городить с помощью css?
  • Вопрос задан
  • 344 просмотра
Пригласить эксперта
Ответы на вопрос 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Слишком сложно для CSS. Поддерживать такое — настоящее мучение. Любое добавление пункта меню превратится в полное переделывание. Лучше уж действительно хранить 2 разных меню а на стороне бекэнда объеденить их
Ответ написан
Ваш ответ на вопрос

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

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