JSFiddle - React, Tailwind, and code Playground

by Matt_Coughlin

HTML

<div id="diver">
    <span></span>
</div>

CSS

#diver {
    border:1px solid #000000;
    width:200px;
    height:200px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;    
}
span {
    display: block;
    max-width:100%;
    max-height:100%;
    width: 200px;
    height: 200px;
    background-color: #7ad;
}

JavaScript

$(document).ready(function () {
	$("#diver").resizable();
});