JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<body id="body">
<p>Resize the window</p>
<div id="myDIV" >
  <div id="content">I will grow or shrink!</div>
</div>
<p id="demo"></p>

</body>

CSS

#myDIV {
    height: 250px;
    width: 250px;
}

#content {
   height: 100px;
    width: 100px;
    background-color: coral;
}

JavaScript

$(document).ready(function(){
    $( window ).resize(function() {
		var w = window.innerWidth;
		var h = window.innerHeight;
  	document.getElementById ("demo").innerHTML = "width : "+w+"<br>height: "+h;
    document.getElementById('content').style.height = (w-100)+"px";
    document.getElementById('content').style.width = (w-100)+"px";
});
});