Вопрос по созданию мобильного меню для сайта

Возник вопрос по выпадающему меню. Я пытаюсь сделать похожий сайт на Deezer. Правильно ли я понял что у него по сути 2 меню - одно для высоких разрешений, другое для низких? (когда работает одно - скрыто другое и наоборот, с помощью display: none) Получается мобильное меню появляется при низком разрешении с помощью медиа запроса и z-index делается видимым? И ставится width и height на 100% чтобы закрыть все остальные элементы от пользователя.

Является ли правильным такой подход? Или нужно с помощью скриптов менять уже имеющееся 1 меню и его стили? пс - я знаю что в каком-нибудь бутстрапе это из коробки можно сделать за 5 минут и сразу все будет работать, но хочется научиться сначала делать все руками (сначала он мне показался гениальной штукой, а потом я сгорел от того что имеющиеся стили просто так не поменяешь)