JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>

CSS

html, body {
    height: 100%;
    width:100%;
    margin:0px;
    padding:0px;
}
#header {
    height: 15%;
    background-color: yellow;
}
#main {
    height: 70%;
    background-color: green;
}
#footer {
    height: 15%;
    background-color: red;
}