JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<div id="content"></div>
<footer></footer>

CSS

body{
  margin: 0;
  padding: 0;
  height: 100%;
  padding: 50px 0;
}
header, footer{
  height: 50px;
  width: 100%;
  background: #333;
  position: fixed;
}
header{  top: 0;}
footer{  bottom: 0;}

#content{
  background: gold;
  position: absolute;
  width: 100%;
  bottom: 50px;
  top: 50px;
}