JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div id="container">
  <aside>Left</aside>
  <main>Right</main>
  <footer>Footer</footer>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}

#container {
  width: 100%;
  height: 100vh;
  background: yellow;
  display: grid;
}

aside {
  grid-column: 1 / 2;
  background: blue;
}

main {
  grid-column: 2 / 2;
  background: green;
}

footer {
  grid-column: 1 / 3;
  background: pink;
}