JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#header{
  width:100%;
  height:80px;
  background:#ddd;
}
#content{
  width:100%;
  min-height:400px;
  background:#fff;
}
#footer{
 width:100%;
 height:150px;
 background:#ddd;
}