JSFiddle - React, Tailwind, and code Playground

by Travis Harris

HTML

<body>
  <div>
   lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff lots of random stuff 
  </div>
  <div id='foot_spacer'></div>
 <footer id="foot"><p></p></footer>
</body>

CSS

footer {
bottom: 0;
height: 10%;
min-height: 75px;
left: 0;
position: absolute;
width: 100%;
text-align: center;
background: #CAA400;
vertical-align: middle;
color: #232323;
}
#foot_spacer{
  height: 10%;
  min-height:75px;
}
body{
  min-height:100vh;
  box-sizing:border-box;
  position:relative;
  margin:0;
}