JSFiddle - React, Tailwind, and code Playground

by backstabe

HTML

<div id=""></div>
<div>
    <div id="vcard-fon">
        <div id="vcard-content">
            <div class="MaketObject">Фамилия Имя Отчество</div>
        </div>
    </div>
</div>

CSS

#vcard-fon {
    width:95mm;
    height:55mm;
    border:1px solid silver;
}
.MaketObject {
    
}
.MaketObject:hover{
    cursor: move;
    border:1px dotted #000;
}
#vcard-content {
    margin:2mm;
    width:90mm;
    height:50mm;
    border:1px solid silver;
}

JavaScript

$(function () {
      $(".MaketObject").draggable({
          containment: "#vcard-content",
          scroll: false,
          cursor: "move"
      });
      $(".MaketObject").resizable({
          handles: "n, e, s, w",
          maxHeight: 185,
          maxWidth: 340,
          containment: "#vcard-content"
      });
  });