JSFiddle - React, Tailwind, and code Playground

by vaheed akhtar

HTML

<div class="container">
<aside class="right">Rigssssssssssssssssh</aside>
<aside class="left">Left</aside>
<main class="main">Msssssain</main>
</div>

CSS

.container {
  display: flex;
  background: lightgrey;
  height: 100vh;
  flex-flow: row wrap;
}

.right ,.left {
  background: lightgreen;
  flex: 1;
}

.left {
  order: 1;
}

.right {
  order: 3;
}

.main {
  flex: 3;
  order: 2;
}