JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <h1>Wooooooooo</h1>
</header>
<div class="content">
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
  blah<br />blah<br />blah<br />blah<br />blah<br />
</div>
<footer>
  footer
</footer>

CSS

html, body {
  margin: 0;
  padding: 0;
}

header {
  display: block;
  position: fixed;
  top: 0;
  background: #333;
  color: #fff;
  height: 50px;
  width: 100%;
}

footer {
  display: block;
  position: fixed;
  bottom: 0;
  background: #ddd;
  height: 30px;
  width: 100%;
}