JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div>
Content goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes hereContent goes here
</div>

<iframe src="www.someurl.com"></iframe>

CSS

html, body{margin:0}
div{
    height:90px;
}
iframe{
    height:900px;
    width:100%;
    margin:0; 
    padding:0; 
    border:0; 
    display:block;
}

JavaScript

$(document).ready(function() {

    var $window = $(window);
    function checkSize() 
    {
        $('iframe').height(function(){
           return $window.height()-$(this).offset().top;   
        });
    }
    checkSize();
    $(window).resize(checkSize);

});