Как выровнять по горизонтали логотип и меню?

Question

[Dude_dev]

<code lang="css">
.menu  {
    display: flex;
    height: 64px;

    
}

.logo_menu {
    flex: none;
    padding-top: 23px;
    margin-right: 451px;
    align-items: center;
}

.nav  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    text-decoration: none;
}

a  {
    text-decoration: none;
    
}

.nav  {
    display: flex;
    align-items: center;
}

</code>
<section class="menu">
        <div class="container">
            
            <nav class="nav">
                <div class="logo_menu">
                    <img src="/src/img/logo/logo-menu-black.png" alt="">
                </div>
                <li><a href="">HOME</a></li>
                <li><a href="">ABOUT</a></li>
                <li><a href="">SERVICES</a></li>
                <li><a href="">WORK</a></li>
                <li><a href="">CONTACTS</a></li>
            </nav>
        </div>
    </section>

Comments

[Ankhena]

1. Скрин судя по всему это как у вас получается. А где скрин как должно быть?
2. Ваши попытки оформите в песочницу на jsfiddle.net
3. Зачем вам два раза .nav?

[Dude_dev]

как должно быть
.nav 2 раза уже убрал

Answer 1

[Нікіта]

https://nikita17-cod.github.io/konstruct/ - проинспектируй, может найдёшь ответ