JSFiddle - React, Tailwind, and code Playground

by Alan Guerrero

HTML

<body>
<header>  
           <div id="headerBgRight"></div>
        </header>       
        <aside class="left-panel">
           <!-- Left panel listing here -->
        </aside>
        <div class="main-content">
        </div>
</body>

CSS

html, body {
    height:100%;
}

header {
    position:absolute;
    background-color:#000;
    width:100%;
    height:131px;
    position:relative;
}

aside {
    position: relative;
    height:calc(100vh - 131px);
    background-color:rgb(27,135,200);
    float:left;
    width:100px;
}

main-content {
    position:relative;
}