JSFiddle - React, Tailwind, and code Playground

by Bart Abayo

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 {
       height:100%;
       background-color:rgb(27,135,200);
       position: relative;
       float:left;
       width:100px;
    }
    
    main-content {
       position:relative;
    }