JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bodyContainer">
    <div class="sidebar"></div>
    <div class="container"></div>
</div>

CSS

html, body
{
    height: 100%;
    width: 100%;
}

.bodyContainer {
 border: 1px solid black;
 width: 100%;
 min-height: 50px; 
 height: 100%;    
}

.sidebar {
    height: 100%;
    border: 1px solid black;
}

.container {
    height: 100%;
}