JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="container-fluid">
    <div class="navbar">
        navbar
    </div>
    <div id="container">
        <div class="sidebar">
            sidebar
        </div>
        <div class="body">
            body
        </div>
      </div>
</div>

</body>

CSS

body, html, .container-fluid, .sidebar, .body {
    height: 100%;
    min-height: 100%;
}

#container{
    width:100%;
    height:100%;
    /* position:absolute; */
}


.sidebar{
    background-color: green;
    width:10%;
    float:left;
    height:100%;
    
}

.body{
    background-color: orange;
    float:left;
    width:90%;
    height:100%;
    
}

.navbar {
    height: 40px;
    position: relative;
    background-color: yellow;
    width:100%;
}