JSFiddle - React, Tailwind, and code Playground

HTML

<p>The footer is placed at the bottom of the page.</p>
<div class="footer">
  <p>Footer</p>
</div>

CSS

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: black;
   color: green;
   text-align: center;
}