JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div id="head">
</div>
<div id="content">
    <div class="box">1
    </div>
    <div class="box">2
    </div>
    <div class="box">3
    </div>
    <div class="box">4
    </div>
</div>
<div id="footer">
</div>

CSS

*
{
    margin:0px;
    padding:0px;
}
html,body {
    height:100%;
}
div#content
{
    height:100%;
    padding-top:20px;
	padding-bottom:	20px;
	background: #dcf0f7;
}
div#head
{
    position:fixed;
    z-index:999;
    top:0px;
    left:0px;
    background:#5e9dc8;
    width:100%;
    height:20px;
}
div#footer
{
    position:fixed;
    z-index:999;
    bottom:0px;
    left:0px;
    background:#5e9dc8;
    width:100%;
    height:20px;
}