JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <header>Header</header>
  <main>
    <div class="nav">Navigation</div>
    <div class="content">Content</div>
    <div class="sidebar">Sidebar</div>
  </main>
  <footer>Footer</footer>
</div>

CSS

header {
  background: green;
  height: 50px;
}
main div {
  height: 150px;
  float: left;
}
.nav {
  width: 30%;
  background: teal;
}
.content {
  width: 40%;
  background: orange;
}
.sidebar {
  width: 30%;
  background: yellowgreen;
}
footer {
  background: red;
}