JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag"></div>
<div id="position"></div>

CSS

#drag {
    background:red;
    width: 100px;
    height: 100px;
}

JavaScript

$(document).ready(function () { 
    $("#drag").draggable({
        grid: [3.3, 0], 
        containment: [0,0,330,0],
        drag: function() {
            var left = $("#drag").position().left
            console.log(left);
            $("#position").html(left);
        }
    });
});