JSFiddle - React, Tailwind, and code Playground

by Krishna Ananthi

HTML

<div class="top">
    TOP
</div>
<div class="left">
    LEFT
</div>
<div class="main">
    MAIN
</div>

CSS

.top {
    width: 100%;
    height: 92px;
    border:solid 1px red;
}
.left {
    width: 20%;
    height: 100%;
    float:left;
    border:solid 1px yellow;
}
.main {
    float: left;
    height: 100%;
    width: 80%
    border:solid 1px black;
 }