JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="header">
    A header
  </div>
  <div class="container">
    A container
    <div class="with">
      With many
      <div class="divs">
         nested divs
      </div>
    </div>
  </div>
</div>

SCSS

.wrapper {
  width: 80vw;
  height: 80vh;
  background-color: lightgrey;
  
  * {
    width: 100%;
  }
  
  .header {
    height: 30px;
    background-color: orange;
  }
  
  .container {
    height: 100%;
    background-color: lightgreen;
    
    .with {
      height: 100%;
      background-color: green;
      
      .divs {
        height: 400vh;
        background-color: blue;
      }
    }
  }
}