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

Question

[dqwe93]

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

1ый для декстопа


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


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

Или же это неправильный подход и нужно будет что-то городить с помощью css?

Comments

[Ankhena]

Гридами, конечно, можно развлечься.

Answer 1

[Никита Михайлов]

Слишком сложно для CSS. Поддерживать такое — настоящее мучение. Любое добавление пункта меню превратится в полное переделывание. Лучше уж действительно хранить 2 разных меню а на стороне бекэнда объеденить их

Comments

[DrWeyber]

Согласен, проще будет просто скрыть один header