JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<div id="container-a">
   <div id="header-a"></div>
   <div id="body-a"></div>
   <div id="footer-a"></div>
</div>

CSS

#container-a {
   min-height:100%;
   position:relative;
}
#header-a {
   padding:0px;
}
#body-a {
   padding:0px;
   padding-bottom:100px;
}
#footer-a {
   position:absolute;
   bottom:0;
   width:100%;
}