JSFiddle - React, Tailwind, and code Playground

by mckabue

HTML

<div id="page">
    <div id="sidebar1">
    </div>
    <div id="sidebar2">
    </div>
    <div id="pageContent">
    </div>
</div>

CSS

#sidebar1{
  display:inline-block;
  width:24%;
  background:red;
  height: 300px;
}

#sidebar2{
   display:inline-block;
   width:24%;
    background:blue;
  height: 300px;
}

#pageContent{
   display:inline-block;
   width:50%;
    background:green;
  height: 300px;
}