JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containment" >
			<div class="baldie"/>
		</div>

CSS

.baldie{
  display:block; 
    height:40px; 
    width:150px; 
    background-color: rgba(214, 255, 210, .7);
    margin:1px;
}
.containment{
    position:relative;
    display:block; 
    height:40px; 
    width:150px; 
    background-color:#f2f2f2;
}

JavaScript

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

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

							}
						});