JSFiddle - React, Tailwind, and code Playground

by Ben

HTML

<div id="Header">Header</div>
<div class="table">
    <div class="row">
        <div class="cell">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu eros condimentum, mattis neque quis, convallis est. Vestibulum sapien dui, lacinia non nulla quis, feugiat faucibus orci. Donec vehicula libero sed auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porttitor tempor orci vitae hendrerit. Vivamus sed nisi orci. Cras rhoncus rhoncus ante, sodales varius risus ultricies at. Donec a accumsan mauris, in aliquam ante. Fusce eleifend pretium sem, ac cursus urna consectetur ac. Etiam mollis tempus feugiat. Nunc vestibulum commodo consequat. Morbi ullamcorper congue lorem ornare elementum.

Integer dictum iaculis sapien non mollis. Cras quis orci laoreet, laoreet sapien at, imperdiet dolor. Suspendisse at semper velit. Etiam condimentum quam sit amet sem convallis rhoncus. Nullam dapibus justo tempus aliquet consectetur. Donec ullamcorper ipsum quis elementum rhoncus. Sed commodo varius est eget tempus. Nam eu hendrerit urna, luctus posuere dui. Nam ut massa nisl. In et orci laoreet, iaculis arcu sed, ultricies diam. Aliquam commodo vehicula sem at semper.

Aenean sit amet mollis elit. Pellentesque risus mi, commodo vitae aliquet eu, euismod gravida massa. Vestibulum non quam enim. Aenean pretium, risus at aliquam fringilla, lacus nunc ullamcorper nibh, sed hendrerit enim mi faucibus metus. In tempus sed odio at mattis. Curabitur congue lacus sed magna ultricies laoreet. Sed sit amet diam et lectus auctor commodo.

Vestibulum vehicula massa a ligula viverra auctor. Duis rhoncus magna sit amet purus dignissim, sit amet accumsan nibh condimentum. In pellentesque molestie turpis ac viverra. Nullam non venenatis purus, et mollis turpis. Donec mattis ante non tellus gravida, eu cursus libero commodo. Suspendisse mollis dui non aliquet rhoncus. Etiam adipiscing velit eget quam lacinia ornare. Aliquam ac viverra dui....

CSS

html, body, .table {
    width: 100%;
    height: 100%;
    margin:0;
}

.table {
    display: table;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
    padding: 120px 0px;
}

#Header
{
    position: absolute; 
    height: 120px;
    width: 100%;
    color: #fff;
    background: #000;    
}

#RightSide
{
    width: 238px;
    background: #aaa;
}

#Footer
{
    margin-top: -120px;
    height: 120px;
    background: #28507B;
}