JSFiddle - React, Tailwind, and code Playground

by Jennifer Perrin

HTML

<div id="header"></div>
<div id="content"><p style="height:1000px">
bob
</p></div>
<div id="footer"></div>

CSS

#header,#footer,#content { position:absolute; right:0;left:0; background:#CCC}

#header{
   height:150px; top:0;

}
#footer{
  height:50px; bottom:0;
}
#content{
  top:150px;
  bottom:50px;
    background:#DBEAF9;
    overflow: auto;
}