JSFiddle - React, Tailwind, and code Playground

by Dave Mednick

HTML

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

CSS

html, body {
    display:block;
    height:100%;
    margin: 0 auto;
}
#header {
    display:block;
    height:20%;
    width:100%;
    border:1px red solid;
    background-color:red;
}
#main {
    display:block;
    height:65%;
    width:100%;
    border: 1px black solid;
    background-color:#DCDCDC;
}
#footer {
    display:block;
    height:15%;
    width:100%;
    border 1px green solid;
    background-color:green;
}