<section class="navigation">
<div class="container">
<div class="navigation_block">
<ul class="list">
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Skills</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div class="black_line">
</div>
</div>
</section>.list{
list-style-type: none;
font-family: 'Gilroy-Bold';
text-align: center;
}
.list li{
display: inline-block;
margin-top: 2.06rem;
}
.list li a:link, .list li a:visited, .list li a:active{
color: var(--color-gray);
transition-property: all;
transition-duration: .4s;
}
.list li:not(:last-child){
margin-right: 9.72rem;
}
.list li a:hover{
color: var(--color-black);
}
.navigation_block{
margin-bottom: 1.95rem;
}
.black_line{
height: 0.0625rem;
background-color: var(--color-gray);
}
<section style="display:block; max-height: 100px; max-width: 100px;">
<p>test</p>
</section>