JSFiddle - React, Tailwind, and code Playground

HTML

Content in the body
<footer>
  This is the footer
</footer>

CSS

body{ 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh;
}

footer{
  text-align: center;
  margin-top: auto;
}