JSFiddle - React, Tailwind, and code Playground

HTML

<div class='navbar'></div>
  <div class='maincontent'> main content</div>
  <footer class='footer-box'>
    footer content
  </footer>

CSS

.footer-box{
  position:absolute;
  bottom:0;
  background-color:#333333;
  color:#FFFFFF;
  width:100%;
  padding:6px 12px;
}