@shluha564832

Не работает align-items?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans:wght@700&family=Pacifico&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
  </head>
  <body>
    <header class="header">
      <nav class="nav-wrapper">
        <div class="logo">Мебели Москвы</div>
        <ul class="nav">
          <li class="nav__item"><a href="" class="nav__link">Главная</a></li>
          <li class="nav__item"><a href="" class="nav__link">Новости</a></li>
          <li class="nav__item"><a href="" class="nav__link">Контакты</a></li>
          <li class="nav__item"><a href="" class="nav__link">Отзывы</a></li>
        </ul>
      </nav>
    </header>
  </body>
</html>


body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Pacifico', cursive;
  font-family: 'Playfair Display', serif;
}

.header {
  background-color: white;
}

.nav-wrapper {
  width: 1675px;
  margin: 0 auto;
  padding-top: 50px;
  align-items: center;
}

.logo {
  font-family: Pacifico;
  font-size: 24px;
  font-weight: 400;
}

.nav {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  justify-content: center;
}

.nav__item {
  margin-right: 25px;
}

.nav__item:last-child {
  margin-right: 0;
}

.nav__link {
  color: black;
  font-family: Montserrat;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.nav__link:hover {
  text-decoration: underline;
}


Не работает align-center что делать?
  • Вопрос задан
  • 30 просмотров
Решения вопроса 1
malente
@malente
Добавьте display:flex; в .nav-wrapper
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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