JSFiddle - React, Tailwind, and code Playground

by VivekNadar

HTML

<header>
    hi am header
</header>

<section class="page_wrapper">
        Yo am D the Content
</section>

<footer>
        Am the Footer the stickyfooooooooter... :)
</footer>

CSS

html, body {
  height: 100%;
}
header{
    background-color:#f00;   
    height:20px;
}

.page_wrapper {
  min-height: 100%;
  background-color: #eee;
  padding-bottom: 90px;
}
footer, .page-wrap:after {
  height: 90px;
}
footer{
     background-color: #555;
     margin-top: -90px;
     color:#fff;
}