JSFiddle - React, Tailwind, and code Playground

by dipaks2011

HTML

<div class="container">
<div id="sidebar">
    links and whatnot go here
</div>
<div id="sidebar2">this is the container (but its top is not aligned with the sidebar as I would like)</div>
    
    </div>

CSS

.container{height: 100%; border: 1px solid #0f0; display: table;}
#sidebar{
    width:40%; height: 100%; display: table-cell; background: #ccc;    
}
#sidebar2{
    width:60%; height: 100%; display: table-cell; background: #f00;    
}
body, html {
    height:100%;
}