JSFiddle - React, Tailwind, and code Playground

by e_kurbanov

HTML

<header></header>
<div></div>
<footer></footer>

CSS

html,body{

  height: 100%;
  width: 100%;

}
body{
  margin: 0;
}
header,footer{
  position: fixed;
  height: 40px;
  width: 100%;
  background: red;
}
header{
  top:0;
}
footer{
  bottom: 0;
}
div{
  background:blue;
  height: calc(100% - 80px);
  width: 100%;
  position: relative;
  top: 40px;
}