@Shan0102

Почему блок nav не уменьшается?

6090d71eb062e804038641.png

вот код HTML:
<nav class="nav">
    <div class="conteiner">
      <div class="nav-main">
        <ul class="nav-list bold">
          <li class="nav-item"><a href="#home" class="nav-link">Home</a></li>
          <li class="nav-item"><a href="#about" class="nav-link">About me</a></li>
          <li class="nav-item"><a href="#skill" class="nav-link">Skills</a></li>
          <li class="nav-item"><a href="#portfolio" class="nav-link">Portfolio</a></li>
          <li class="nav-item"><a href="#contact" class="nav-link">Contacts</a></li>
        </ul>
      </div>
    </div>
 </nav>


вот код CSS:

.nav {
width: 100%;
position: fixed;
top: 0;
padding-top: 25px;
padding-bottom: 25px;
}

.conteiner {
max-width: 940px;
margin: 0 auto;
}

.nav-list {
display: flex;
justify-content: space-between;
align-items: center;
}
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Gavr_Gavr
.nav {
width: 100%;
position: fixed;
....
}

Это раскидывает его на всю ширину. Причин для его уменьшения нет никаких.
Ответ написан
Ваш ответ на вопрос

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

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