JSFiddle - React, Tailwind, and code Playground

by toubia95

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<div class="a">head 1</div><div class="b">head 2</div>
<script>
$( ".a" ).resizable();
</script>

CSS

.ui-icon, .ui-widget-content .ui-icon {
background-image: none;
}

.a {
  width: 20%;
  min-width: 5%;
  max-width: 50%;
}
.b {
  width: 80%;
  min-width: 50%;
  max-width: 95%;
}
.a, .b {
  border: black solid 1px;
  display: inline;
  padding: 10px;
}
body {
  padding: 20px;
}