JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, natus!</div>
  <div class="footer">footer</div>
</div>

CSS

html, body{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.main{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}

.content{
  background: red;
  padding: 10px;
}

.footer{
  background: blue;
  padding: 10px;
}