JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="left"></div>
    <div class="content">
        lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br> lorem<br>
    </div>
    <div class="right"></div>
</div>

CSS

html, body, .container {
   height:100%;
}
.container{
    display:flex;
}
.left{
    width: 20%;
    background: #868;
}
.right{
    width: 20%;
    background: #668;
}
.content{
    padding: 5px;
    flex: 1 0 auto;
}