@WowItIsYou2020

Как сделать правильно адаптивное меню?

Сейчас: 5f8a1bb3cddfa087866388.png
Нужно: 5f8a1bb865f76829786399.png

<header class="header">
        <div class="header_container container">
            <div class="header_logo flex">
                    <img src="images/dest/header/logo_header.png" alt="">
                    <p>FORKIO</p>
            </div>
           
    
            <div class="flex">
                <div class="header_nav">
                    <div class="nav flex">
                        <div class="nav_item">
                            <a href="#">Overview</a>
                        </div>
                        <div class="nav_item">
                            <a href="#">About Fork</a>
                        </div>
                        <div class="nav_item">
                            <a href="#">Buying Options</a>
                        </div>
                        <div class="nav_item">
                            <a href="#">Support</a>
                        </div>
                    </div>
                </div>
    
                <div class="header_button flex">
                    <p>Buy Now</p>
                </div>
            </div>
        </div>
    </header>
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
YavaDev
@YavaDev
Примерно так
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
scottparker
@scottparker
по мне надо кнопку к лого закинуть, обернуть лого и кнопку в блок, и у него space-around. у container direction - row
Ответ написан
ikoit
@ikoit
Разработчик чего–то
В принципе, ответ уже дан, но хочу добавить, что семантически неправильная вёрстка. Блок с меню должен быть в теге <nav>, а сам список в теге <ul> и каждый пункт меню обёрнут в <li>.

И вообще рекомендую почитать про семантику и вылечиться от диватоза.
Ответ написан
Ваш ответ на вопрос

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

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