JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divResize"></div>

CSS

body, html {
    height:100%;
    min-height:100%;
    padding:0;
}

.divResize {
    background:#004;
    width:100%;
    height:100%;
    max-width:500px;
    max-height:500px;
}

JavaScript

$(function(){
    $(window).resize(function(){
        var winW = $(window).width();
        var winH = $(window).height();
        var divResize = $(".divResize");
        
        if(winW < 500)
            divResize.css('width', winW);
        if(winH < 500)
            divResize.css('height', winH);
    });
});