JSFiddle - React, Tailwind, and code Playground

by Marcel Hochman

HTML

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

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

CSS

#header {
  position:fixed;
  top:0;
  height:5%;
  width:100%;
  left:0;
  background-color:blue;
}
#content {
  position:fixed;
  top:5%;
  height:85%;
  width:100%;
  left:0;
  background-color:green;
}
#footer {
  position:fixed;
  bottom:0;
  height:10%;
  width:100%;
  left:0;
  background-color:red;
}