JSFiddle - React, Tailwind, and code Playground

by Ayyappan Sakthivadivel

HTML

<div class="mainwrap">
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div></div>

CSS

.header{
position: fixed;
background-color: #f00;
    width: 100%;
height: 100px;
}
.main{
background-color: #ff0;
height: 700px;
}
.footer{
position: fixed;
bottom: 0;
background-color: #f0f;
    width: 100%;
height: 120px;}
.mainwrap { position:fixed; }