@shading

Почему список прилип к верху?

Почему список не хочет выравниваться с картинкой?

body
  font-family: Montserrat, sans-serif

.nav
  display: flex
  align-items: center
  ul
    list-style: none
    display: flex
    justify-content: space-between
    li
      font-size: 12px
      font-weight: bold
      line-height: 30px
      text-transform: uppercase


HTML
<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" href="css/main.css">
</head>

  <body>
    <div class="container">
      <div class="header">
        <div class="nav row">
          <div class="nav-picture col-5">
            <img src="img/logo.png" alt="Лого" href="#">
          </div>
          <div class="nav-menu col-7">
            <ul>
              <li>HOME</li>
              <li>ABOUT</li>
              <li>WORK</li>
              <li>PROCESS</li>
              <li>SERVICES</li>
              <li>TESTIMONIALS</li>
              <li>CONTACT</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>


Как выглядит
KTX6yZ?1579107889
  • Вопрос задан
  • 145 просмотров
Решения вопроса 1
Natalia_ai
@Natalia_ai
люблю вёрстку
Потому что здесь 5e1f4d3978539639909463.jpeg
разные значения margin.
Задайте для ul одинаковые margin.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
zabudkin
@zabudkin
Инженер-системотехник, программист, админ, ТПУ!!!!
Потому что гладиолус.

vertical-align: middle;

и убрать
margin-bottom: 1rem;

и будет Вам счастье.
Ответ написан
Ваш ответ на вопрос

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

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