Стилизовал, но отступ справа как сделать, он двигается вместе с логотипом?

Question

Стилизовал, но отступ справа как сделать, он двигается вместе с логотипом?

ыар смр Знаток (444), на голосовании 4 месяца назад

.container{
max-width: 1400px;
}

.header{
background-color: #000000;
height: 70px;
display: flex;
align-items: center;
height: 70px;
}

.header_container{
display: flex;
align-items: center;
height: 70px;
}
.logo{
padding: 21px 150px;
}

.nav_list{
display: flex;
margin-right: 140px;
}

.nav{
display: flex;
margin-right: 48px;

}

.nav_item{
margin-right: 40px;
display: flex;
justify-content: center;
}

Дополнен 5 месяцев назад

<header class="header">
<div class="container header_container">
<a href="#">
<img src="img/Logo.png" alt="logo" class="logo">
</a>
<nav class="nav">
<ul class="nav_list">
<li class="nav_item"><a href="#">HOME</a></li>
<li class="nav_item"><a href="#">WORKS</a></li>
<li class="nav_item"><a href="#">STORE</a></li>
<li class="nav_item"><a href="#">ABOUT ME</a></li>
<li class="nav_item"><a href="#">CONTACTS</a></li>
</ul>
</nav>
</div>
</header>

Answer 1

 .container { 
    max-width: 1400px; 
    margin: 0 auto; /* Центрируем контейнер */ 
} 
 
.header { 
    background-color: #000000; 
    height: 70px; 
    display: flex; 
    justify-content: center; /* Центрируем контейнер */ 
    align-items: center; 
} 
 
.header_container { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width: 100%; 
} 
 
.logo { 
    padding: 21px 0; 
} 
 
.nav_list { 
    display: flex; 
    margin-right: 140px; /* Убедитесь, что это значение соответствует желаемому отступу */ 
} 
 
.nav_item { 
    margin-right: 40px; 
    display: flex; 
    justify-content: center; 
} 
 
.nav_item:last-child { 
    margin-right: 0; /* Убираем отступ у последнего элемента */ 
}