JSFiddle - React, Tailwind, and code Playground

by stevenkaspar

HTML

<div class='wrapper'>
    <div class='no-flex'>
        header
    </div>
    <div class='flex'>
        flex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex contentflex...

CSS

html, body {
    height: 100%;
    background: yellow;
    margin: 0;
    padding: 0;
}
.flex-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.no-flex {
  flex: 0;
  background: blue;
}
.flex {
    flex: 1;
    overflow-y: scroll;
    background: red;
}