JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<div>
    <iframe src="http://google.com"></iframe>
</div>

CSS

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

div {
    width: 300px;
    height: 200px;
    padding: 2px;
}

div.hover {
    width: 400px;
    height: 300px;
}

JavaScript

$('div').hover(function(){
    $(this).addClass('hover');
},
function(){
    $(this).removeClass('hover');
});