Не работает
Justify-content: space-around
Как должно быть:
как сейчас:
Код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Главная</title>
</head>
<body>
<header class="header">
<div class="container">
<nav class="nav">
<ul class="menu">
<li class="menu-item">
<a class="menu-link" href="#">Главная</a>
<a class="menu-link" href="#">Наши продукты</a>
<a class="menu-link" href="#">Приобрести</a>
</li>
</ul>
<a class="logo">
<img class="logo-img" src="logo1 1.png" alt="Лого"
</a>
<div class="contacts">
<a href="#"><img src="1491580651-yumminkysocialmedia28_83061.png" width="4%"</a>
<a href="#"><img src="pngegg.png" width="4%"</a>
<a href="#"><img src="icons8.png" width="4%"</a>
</div>
</nav>
</div>
</header>
</body>
</html>
body{
margin: 0;
}
.header {
background-color: #4040ff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.nav {
display: flex;
justify-content: space-around;
}
Простой
