JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css">

<body>
    <div id="one">
        <div id="two"></div>
    </div>
</body>

CSS

#one {
    height: 200px;
    width: 200px;
    border: 1px solid black;
}

#two {
    height: 100px;
    width: 200px;
    position: relative;
    top:103%;
    border: 1px solid black;
}

JavaScript

$(document).ready( function() {
       $('#one').resizable();
});