JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <div class="logo">LOGO</div>
  <div class="text"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum suscipit non eligendi optio rem debitis accusantium ex, modi esse, culpa perspiciatis exercitationem magnam assumenda inventore quis aperiam atque pariatur itaque.</p></div>
  <div class="menu">MENU</div>
  <div class="contact-info">CONTACTS</div>
</div>

CSS

div{
  display: flex;
  justify-content: center;
  align-items: center;
}

.header{
  width: 100%;
  min-height: 50px;
  background-color: orange;
}

.logo{
  width: 100px;
  height: 50px;
  background-color: white;
}

.menu{
  width: 100px;
  height: 50px;
  background-color: red;
}

.contact-info{
  width: 100px;
  height: 50px;
  background-color: green;
}