JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <h3 class="logo"><a href="#" class="logo"><img src="http://savepic.ru/7400963.png" alt="" width="286" height="102" /></a></h3>
	<ul class="navigation">
				<li><a href="#">Пункт1</a></li>
				<li><a href="#">Пункт2</a></li>
				<li><a href="#">Пункт3</a></li>
                <li><a href="#">Пункт4</a></li>
				<li><a href="#">Пункт5</a></li>
				<li><a href="#">Пункт6</a></li>
    </ul>
</div>

CSS

.container {
	margin: 50px auto;
    display: flex;
    justify-content: space-between;
}
.logo {
    order: 1;
    align-self; center;
}
.navigation {
	display: contents;
    list-style: none;
    align-items: center;
}
.navigation li:nth-child(n + 4) {
    order: 2;
}