JSFiddle - React, Tailwind, and code Playground

by Peter Hozák

HTML

<div id="resizable">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

CSS

.box {
    background: orange;
    float: left;
    width: 2em;
    height: 1em;
    margin: 0.3em;
}

#resizable {
    background: #ffd;
    width: 9em;
    height: 5em;
    min-width: 3em;
    min-height: 2em;
}

JavaScript

$('#resizable').resizable();