Flex height 100% scroll

by sonce

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<div class="d-flex flex-column root">
  <div style="background:yellow">
  Head
  </div>
  <div class="flex-grow-1 overflow-auto">
    <iframe frameborder="0" allowfullscreen src="https://www.portotheme.com/"></iframe>
  </div>
</div>

SCSS

.root{
  position:absolute;
  height:100%;
  width:100%
}
iframe {
        pointer-events: all;
        width: 100%;
        height: 100%;
        border: 0;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        overflow: hidden;
      }