JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="page-wrapper">
    <h1>
      Page
    </h1>
  </div>
  <footer>
    Footer here
  </footer>
</body>

CSS

body {
    height: 100%;
    width: 100%;
    border: 1px solid black;
}

.page-wrapper {
  min-height:100vh;
}

footer{
    position: relative;
    width: 100%;
    bottom: 0px;
    background-color: blue;
    color: white;
}