JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page-wrap"> 
</div>
<footer>
</footer>

CSS

html, body{
  height: 100%;
  min-height: 100%;
}

.page-wrap{
  min-height: 100%;
  margin-bottom: -70px;
  overflow: auto;
  background: green;
}

.page-wrap:after{
  content: "";
  display: block;
}

footer{
  width: 100%;
  height: 50px;
  padding: 20px 0 0 0;
  background: #577abd;
}

@-ms-viewport{width:auto!important;height:320px!important}