JSFiddle - React, Tailwind, and code Playground

by Chuck Tornton

HTML

<header></header>
<main></main>
<footer></footer>

CSS

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

header {
  min-height: 50px;
  background: orange;
}

main {
  min-height: calc(100% - 50px);
  background: darkgray;
}