JSFiddle - React, Tailwind, and code Playground

by Russ Walters

HTML

<div id="container">
  <div class="element"></div>
	<div style="height:3px; width:100%;">
	
	</div>
	 <div class="element"></div>
	 <div style="height:3px; width:100%;">
	
	</div>
	 <div class="element"></div>

CSS

#container {
  height: 500px;
  width: 600px;
  background-color: white;
  border: 1px solid black;
  position: relative;
  margin: 0px;
}

.element {
  width: 250px;
  height: 160px;
  background-color: lightblue;
  border: 1px solid black;
	min-heiht:25;
}

JavaScript

$(".element").draggable({
  containment: "#container"
});
$(".element").resizable({
  containment: "#container",
  handles: 'n,s'
});