JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wraper">
<div class="top">
    TOP
</div>
<div class="left">
    LEFT
</div>
<div class="main">
N content here MAIN content here MAIN content here </div>


</div>

CSS

html,body{
height:100%;
}

*{
margin:0;
  padding:0;
}
.wraper{
height:100%;
  overflow:hidden;
}
.top {
  top:0;
  height: 92px;
  background:red;
}
.left {
    width: 178px;
    float:left;
  min-height:100%;
  background:green;
}
.main {
  margin-left:178px;
  min-height:100%;
  background:yellow;
 }