JSFiddle - React, Tailwind, and code Playground

HTML

<div class="someList">
    <div class="listItem aa">Things</div>
    <div class="listItem aa">Stuff</div>
    <div class="listItem aa">Items</div>
</div>
<div class="someList">
    <div class="listItem bb">Things</div>
    <div class="listItem bb">Stuff</div>
    <div class="listItem bb">Items</div>
</div>
<div class="someList">
    <div class="listItem cc">Things</div>
    <div class="listItem cc">Stuff</div>
    <div class="listItem cc">Items</div>
</div>

CSS

.someList {float:left; width:110px; height:300px; margin:2px; background-color:#00CC00;}
.listItem {width:100px; margin:2px; padding:2px;}
.aa {background-color:#AAAAAA;}
.bb {background-color:#BBBBBB;}
.cc {background-color:#CCCCCC;}

/*
 * jQuery UI Resizable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

JavaScript

$(document).ready(function() {
   
    $(".someList").sortable({
        connectWith: '.someList'
    });
    
    $(".listItem").resizable({
        handles: 'e, w',
        grid: [114,114]
    });
    
});