JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="wrapper">
<footer>
    
</footer>
    </div>
</body>

CSS

html,body{
    padding:0;
    margin:0;
    height:100%;
}
#wrapper{
    min-height:100%;
    position:relative;
}
footer {
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  background:red;
  height:100px;
}