JSFiddle - React, Tailwind, and code Playground

by Bilal AFSAR

HTML

<div class="header" >
    &nbsp;
</div>
<div class="mainBody">
    &nbsp;
    <div class="content" >Hello world</div>
    <div class="content" >Hello world</div>
    <div class="content" >Hello world</div>
    <div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello world</div><div class="content" >Hello...

CSS

body {
    margin:0;
}

.header {
    height: 40px;
    background-color: red;
}

.mainBody {
    background-color: yellow;
    position: absolute;
    top: 40px;
    bottom: 20px;
    width:100%;
}

.content {
    color:#fff;
}

.footer {
    height: 20px;
    background-color: blue;
    
    position: absolute;
    bottom: 0;
    width:100%;
}