JSFiddle - React, Tailwind, and code Playground

by hongaar

HTML

<!DOCTYPE html>
<html>
<body>
<p id="other">hello</p>
<iframe id="frame" src="http://www.weather.com"></iframe>
</body>
</html>

CSS

body {
    overflow: hidden;
}

p {
    margin: 10px;
}

iframe {
    width: 100%;
}

JavaScript

$(function() {
    var otherHeight = $("#other").outerHeight(true);
    $(window).resize(function() {
        $('#frame').height( $(window).height() - otherHeight );
    }).resize();
});