JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<main></main>
<footer></footer>

CSS

*{
  margin:0;
  padding:0;
}
header,footer{
  height:50px;
  background:#999;
}
main{
  height:-webkit-calc(100vh - 100px);
  height:calc(100vh - 100px);
  background:#888;
}