JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<body>
  <div id="level1">
    <div id="level2"></div>
  </div>
</body>

CSS

html, body
    {
  	  height: 100%;
    }
#level1
    {
  	  height: 50%;      
      background: #abc;      
    }

#level2
    {
      min-height: 50%;
      background: #cab;
    }