@Akim41k
Ui/Ux designer

Как выровнять здесь пункты по центру?

Пацаны хелп ми! Как сделать это меню человеческим?

<div class="menu">
            <div class="container">
                <img src="img/header/menu/logo.png" class="menu_logo">
                <div class="menu_items-wrap">
                    <p class="animate fadeInDownBig active_menu_item" data-wow-duration="1s">ГЛАВНАЯ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">УСЛУГИ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">КОНТАКТЫ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">О НАС</p>
                </div>
            </div>
        </div>


.container {
  max-width: 1600px;
  min-height: 100%;
  margin: auto;
}

.menu {
  border: 10px solid orange;
  min-height: 200px;
}

.menu_logo {
  display: inline;
  margin: 30px;
  width: 166.3px;
  height: 139.5px;
}

.menu_items-wrap {
  margin: auto;
  width: 880px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.active_menu_item {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #ffb000;
}

.menu_item {
  text-align: center;
  font-size: 40px;
  min-height: 48px;
  font-weight: bold;
  color: #2a3453;
}


5d4597e01f353947730766.png
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
Если речь идёт во выравнивание по вертикали, то к классу "container" следует добавить два свойства

display: flex;
align-items: center;


Результат
https://codepen.io/hisbvdis/pen/eqGrOX

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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