JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<header>
  
</header>
<div class='body'>

</div>
<footer>
  
</footer>

CSS

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}
body {
  height: 1000px;
}
header, footer {
  height: 18%;
  background: white;
}
.body {
  height: 64%;
  background: black;
}