помогите не могу понять почему не работает justify-content:space-beetwen;

Question

помогите не могу понять почему не работает justify-content:space-beetwen;

Рейтинг: 0Ответов: 0Опубликовано: 12.08.2023

Должно получиться так:

.navContent {
  display: flex;
  justify-content: center;
}

.nav-menu {
  display: flex;
  justify-content: space-between;
}

.nav-menu ul {
  display: flex;
  gap: 40px;
}

.logo img {
  width: 60px;
  height: 70px;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ujjo</title>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./Scss/style.css">
</head>
<body>
   <nav>
    <div class="container navContent">
        <div class="nav-menu">
            <ul>
                <li><a href="#">go back</a></li>
                <li><a href="#">story</a></li>
                <li><a href="#">shop</a></li>
                <li class="logo">
                    <div class="circle-left"></div>
                    <img src="./image/logo.png" alt="">
                    <div class="circle-right"></div>
                </li>
                <li><a href="#">contact</a></li>
                <li><a href="#">wholesale</a></li>
                <li><a href="#">clone</a></li>
            </ul>
        </div>
    </div>
   </nav>
</body>
</html>

css html scss

Источник: Stack Overflow на русском

помогите не могу понять почему не работает justify-content:space-beetwen;

Ответы