JSFiddle - React, Tailwind, and code Playground

by Florian Bar

HTML

<div class="layout">
  <header>Header</header>
  <header>Sub Header</header>
  <main>
  Lorem ipsum dolar sit Lorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar sitLorem ipsum dolar...

CSS

body {
  padding: 0;
  margin: 0;
}

.layout {
  display: flex;
  flex-direction: column;
  height: 300px;
  background: red;
}

header {
  background: #ccc;
}

main {
  flex: 1;
  overflow-x: hidden;
}

footer {
  background: #ccc;
}