JSFiddle - React, Tailwind, and code Playground

by Tyler Brown

HTML

<div class="app">
  <div class="nav">
    Nav
  </div>
  <div class="content">
    <h1>Content</h1>
    <h1>Content</h1>
    <h1>Content</h1>
    <h1>Content</h1>
  </div>
</div>

CSS

.app {
  border: 1px solid black;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 200px;
}
.nav {
  background-color: lightblue;
  padding: 12px;
}
.content {
  flex: 1;
  border: 1px solid red;
  /* height: 0; */
}