JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    
    <div class="row">
        <div class="column">
            <div class="item">999</div>
            <div class="item">111</div>
        </div>
    
        <div class="column">
            <div class="item">888</div>
            <div class="item">yyy</div>
        </div>
        
        <div class="column">
            
        </div>
    </div>    
</div>

CSS

.row { margin:20px 0; background-color:#ccc; padding:20px; }
.column { display:inline-block; margin:10px; background-color:#fff; padding:10px; min-height:100px; min-width:80px; vertical-align:top; }
.item { background-color:#999; padding:5px 10px; margin:10px 0; cursor:move;}

JavaScript

$( '.wrapper .row' ).each( function() {
    var column = $( '.column', this );
    
    column.sortable( {
        items: '.item',
        connectWith:".column"
    } );
} );