JSFiddle - React, Tailwind, and code Playground

by Zoltán Adamek

HTML

<body>

<div style="background-color: #ff00ff; height: 400px;">

    <div class="iframe-wrapper"><iframe src="https://www.google.com/maps?t=m&amp;ie=UTF8&amp;ll=43.771094,0.263672&amp;spn=39.157911,86.572266&amp;z=4&amp;output=embed"></iframe></div>
    
</div>
    
</body>

CSS

.iframe-wrapper {
    height: 70%;    
}

iframe {
    width: 100%; height: 100%;
}

body { background-color: #00ffff; }

JavaScript

$('.iframe-wrapper iframe').ready(function() {
  $('.iframe-wrapper iframe').css({
      'height': '70%'
  });
});