JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

*{
  margin: 0;
  padding: 0;
}
#header{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  background-color: red;
}
#content{
  position: fixed;
  top: 100px;
  bottom: 100px;
  width: 100%;
  background-color: gray;
}
#footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: blue;
}