JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <div class="nav_l">
    <a href="#new">Новая коллекция</a>
    <a href="#shop">Онлайн бутик</a>
  </div>
  <div class="nav_c">
    <img src="img/logo.png" height="85px" align="bottom" alt="Логотип">
  </div>
  <div class="nav_r">
    <a href="#blog">Блог</a>
    <a href="#contact">Контакты</a>
  </div>
</nav>

CSS

nav {
  left: 0;
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 100;
  background: linear-gradient(to top, #111, #232323);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nav_l,
.nav_r {
  width: 50%;
  line-height: 85px;
}

.nav_l {
  text-align: right;
}

.nav_r {
  text-align: left;
}

a {
  color: #ddd;
}