JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

<header>header - OK</header>
<iframe>iframe - NOT OK</iframe>
<section>section - OK</section>

SCSS

html, body {
    height: 100%;
    width: 100%;
}

body {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    
    > header {
        background: #ffc;
    }
    > iframe {
        background: #fcc;
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
    }
    > section {
        background: #cfc;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
    }
}