JSFiddle - React, Tailwind, and code Playground

by JohnFish

HTML

<div class="drag">
    <div class="normal one" id="sort"></div>
    <div class="normal two" id="sort"></div>
    <div class="normal three" id="sort"></div>
</div>

CSS

* {
    margin: 0px;
    padding: 0px;
}
.drag {
    width: 300px;
    height: 490px;
    background: #eee;
    margin: 10px auto;
    padding: 10px;
}
.normal { 
    height: 150px;
    width: 300px;
    margin: 10px auto;
    background: #ccc;
}

JavaScript

$(function() {
    $("div").sortable({
        placeholder: "ui-state-highlight",
        revert: false
    });
});