JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="box"></div>
</div>

CSS

#container{
    zoom: 50%;
    background: #ccc;
    width: 500px;
    height: 500px;
}

#container .box {width: 100px; height: 100px; border: 1px solid #333}

JavaScript

$(document).ready(function(){
    $('.box').resizable({
        containment: '#container',
        handles: "se",
        scroll: true
    });
});