JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">Header Section</div>
<div class="container">

<div class="sidebar">

Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
hola<br/>
Some content!<br/>
    Some content!<br/>
    Some content!<br/>
    Some content!<br/>
    Some content!<br/>
    Some content!<br/>
</div>

<div class="content">

Something

</div>
</div>
<div class="footer">Footer Section</div>

CSS

.header { padding:10px; background:red;}
.container {
    overflow: hidden;
}
.sidebar{
    float: left;
    width:13%;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background:blue;
}
.content{
    float: right;
    width:85%;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background:green;
}
.footer { padding:10px; background:yellow;}
.clear {clear:both;}