JSFiddle - React, Tailwind, and code Playground

by Alex83

HTML

<div class="wrapper">
  <header>HEADER</header>
  <div class="content"></div>
</div>
<footer>FOOTER</footer>

CSS

body, html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  min-height: 100%;
}

header {
  width: 100%;
  height: 70px;
  background: black;
  color: #fff;
}

footer {
  width: 100%;
  height: 50px;
  background: #000;
  color: #fff;
  margin-top: -50px;
}