JSFiddle - React, Tailwind, and code Playground

by Gaurav Singh

HTML

<div class="container">
    <div class="element">here it goes</div>
    <div class="h_iframe">
        <iframe  src="//www.youtube.com/embed/9KunP3sZyI0" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

CSS

html,body        {height:100%; margin-top:0; margin-bottom:0;}
.h_iframe iframe {width:100%; height:calc(100% - 75px);}
.h_iframe {
    height: 100%;
}
.element{
    width:100%;
    height:70px;
    background:red;
}