JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="wrapper">
  <div class="menu">
    &#9776; Menu
  </div>
  <div class="logo">
    Best Logo
  </div>
  <div class="contacts">
    <button>
      Есть вопрос
    </button> +0987654321
  </div>
</div>

CSS

.wrapper {
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
  min-height: 30px;
  font: 16px Verdana;
}

.menu,
.logo,
.contacts {
  float: left;
}

.menu {
  width: 30%;
}

.logo {
  width: 40%;
  text-align: center;
}

.contacts {
  width: 30%;
}