JSFiddle - React, Tailwind, and code Playground

by tmtron

HTML

<body class="Site">
  <header>header</header>
  <main class="Site-content">main<br>
  main<br>
  main<br>
  main<br></main>
  <footer>footer</footer>
</body>

CSS

.Site {
  display: flex;
  height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
  background: #ccc;
  overflow: auto;
}