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%;  
      min-height: 50%;
      background: #abc;      
    }

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