JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="header">
    test
  </div>
  <div class="central">
    test
  </div>
  <div class="footer">
    test
  </div>
</body>

CSS

html,body{
  height:100%;
}
.header,.footer{
	height: 20%;
  background-color:blue;
}
.central{
	min-height:60%;
  background-color:red;
}