JSFiddle - React, Tailwind, and code Playground

HTML

<header> </header>

   <div class="bodyPan"> </div>

   <footer> </footer>

CSS

html, body{
	height:100%;	
}

header{
	height:64px;
	background-color:#0C9;
}
footer{
	height:64px;
	background-color:#666;
}
.bodyPan{
	height: calc(100% - 128px);	
}