JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div class="container-fluid">
    <div class="row">
        <!-- sidebar -->
        <div class="sidebar col-md-3"><p>Box 1</p></div>
        <!-- /sidebar -->
        <!-- main -->
        <div class="content col-md-9"><p>Box 2</p></div>
        <!-- /main -->
    </div>
</div>

CSS

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

.sidebar, .content{
   background-color: red;
    float: none;
    display: table-cell;
    border: 1px solid;
}