JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div>content</div>
</div>

<footer class="footer">
  My footer
</footer>

CSS

* {
    margin: 0;
    padding: 0;
}

html {
 position: relative;
  height: 100%;
}
body {
 margin-bottom: 60px;
 height: 100%;
}

.content{
  background-color: red;
  height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;

  height: 60px;
  background-color: #ffcc44;
}