JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<div class="wrapper">
    <div class="header">HEADER</div>
    <div class="content">CONTENT</div>
    <div class="footer">FOOTER</div>
</div>

CSS

.wrapper, .header, .content, .footer {
    width: 100%;
}
body {
    margin:0;
    padding:0;
}
.header {
    height: 70px;
    background: orange;
    width:100%;
}
.footer {
    background: lightblue;
    bottom:0;
    position:fixed;
    height:30px;
    width:100%;
}
.content {
    background: yellow;
    position:absolute;
    top:70px;
    bottom:30px;
    left:0;
    right:0;
}