Здравствуйте, почему у меня justify-content: space-between(flex) не прижимает второй контейнер к правой части страницы, а оставляет отступ от правого края хоть margin: 0 и padding: 0? - вопрос №3898047

Вот html:

<div class=«main»>
<div class=«intro»>
<div class=«logo»>
<h1>Иваньское Озеро</h1>
</div>

<div class=«nav»>

<a class=«nav1» href=«main.html»>Главная</a>
<a class=«nav1» href="">Отдых</a>
<a class=«nav1» href="">Занятия</a>
<a class=«nav1» href="">Бронирование</a>
<a class=«nav1» href="">Контакты<a>
</div>
</div>
</div>

А вот CSS:
/*Main*/
.main{
display: flex;
}

a{
text-decoration: none;
color: #000;
}

/*Intro*/
.intro{
width: 100%;
padding: 0px;
display: flex;
justify-content: space-between;
}

/*Logotype*/
.logo{
font-size: 10px;
}

/*Navigation*/
.nav{

}

.nav1{
margin: 10px;
float: right;
}