JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div>
    <div class="logo">logo</div>
    <div class="menu">menu</div>
  </div>
  <div> 
    <div class="aside">1</div>
    <div class="content">2</div>
    <div class="aside">3</div>
  </div>
</div>

CSS

body {
  font-size: 30px;
  margin: 0;
  padding: 0
}

.container {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  background: yellow;
}

.container > div {
  display: flex;
  margin: 10px 0;
}

.logo,
.menu,
.aside,
.content {
  display: inline-block;
}

.logo {
  width: 200px;
  background: red;
}

.menu {
  margin-left: 30px;
  background: lightblue;
  flex: 1;
}

.aside {
  width: 200px;
  background: green;
}

.content {
  margin: 0 30px;
  flex: 1;
  background: blue;
}