JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <aside>
  Menu
  </aside>
  <article>
    Massere af indhold
  </article>
  <aside>
    Reklamer
  </aside>
</div>

CSS

body {
  background-color: #c2c2c2;
}
.wrapper {
  width: 50%;
  height: 500px;
  margin: 0 auto;
  background-color: #ffab59;
}
aside {
  float: left;
  width: 20%;
  height: 150px;
  background-color: #ff5959;
}
article {
  float: left;
  width: 60%;
  height: 300px;
  background-color: #8391c3;
}