JSFiddle - React, Tailwind, and code Playground

by sectioni

HTML

<div class="container">
  <div class="child"></div>
  <div class="child"></div>  
  <div class="child"></div>
  <div class="child"></div>  
  <div class="child"></div>
  <div class="child"></div>  
  <div class="child"></div>
  <div class="child"></div>  
</div>

CSS

body, html {
  height:100%;
}

.container {
  height:100%;  
  display:flex;
  flex-direction:column;
 }

.child {  
  flex:1;
  min-height:100px;
  width:100%;
  border:solid 1px black;
}