JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<p>....</p>      
  <footer class="footer">
    <div class="container">
      <p>Place sticky footer content here.</p>
    </div>
  </footer>
</body>

CSS

html {
  position: relative;
 height: 100%;
  background-color: green;
   /* background-color: transparent; */
    border: 3px solid blue;

 } 

body {
    
background-color: tomato;
  padding-top: 20px;
  border: 3px solid black;
  min-height: 100%;
}


.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 60px;
  background-color: #0bb;
}