JSFiddle - React, Tailwind, and code Playground

HTML

<div id="con">
   <div id="content">Results will go here</div>
   <div id="footer">Footer will always be at the bottom</div>
</div>

CSS

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

div {
    outline: 1px solid;
}
#con {
   min-height:100%;
   position:relative;
}
#content {
   height: 1000px; /* Changed this height */
   padding-bottom:60px;
   background: #eee;
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;
   background: lightblue;
}