JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
</div>
<div id="Content">
<div class="con"></div>
</div>
<div class="footer">
</div>

CSS

html, body
{
    height: 99%;
    background-color:Black;
}
.header ,.footer
{
    width: 960px;
    height: 15%;
    background-color:Gray;
}
#Content
{
    min-height: 85%;
    width: 960px;
    background-color:Navy;
}
.con
{
    min-height:900px;
    width:960px;
    background-color:Aqua;
}