Как сделать чтобы логотип был на месте, а шапка в правой стороне?
body {
margin: 0px;
padding: 0px;
font-family: 'Questrial', sans-serif;
}
.flex-container {
display: flex;
flex-direction: row;
align-items: center;
margin-left: 10px;
margin-right: 10px;
}
.flex-container ul {
display: flex;
justify-content: flex-end;
list-style-type: none;
font-size: 20px;
}
.list {
display: inline-block;
padding: 5px 10px;
margin: 0 5px 15px 0;
}
<header>
<nav class="flex-container">
<img class="logo" src="android.png">
<ul>
<li><a class="list" href="#">Home</a></li>
<li><a class="list" href="#">Company</a></li>
<li><a class="list" href="#">Services</a></li>
<li><a class="list" href="#">Price</a></li>
<li><a class="list" href="#">Projects</a></li>
<li><a class="list" href="#">Order</a></li>
<li><a class="list" href="#">Contacts</a></li>
</ul>
</nav>
</header>
Вроде бы и указал, что flex-container
должен быть row
, слева направо находится row
— строка (значение по умолчанию);
А именно flex-container ul (flex-end)
то есть по правую сторону контент должен находиться, но всё равно не получается.