JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containment" style="display:block; height:40px; width:150px; background-color:#f2f2f2;">
			<div class="baldie" style="display:block; height:40px; width:150px; background-color: rgba(214, 255, 210, .7);"/>
		</div>

JavaScript

$('.baldie').resizable({
							containment: "parent",

						}).draggable({
							grid: [5,0],
							containment:"parent",
							drag: function( event, ui ) {

							}
						});