title: Drag and drop and make that element responsive
body: <p>I am trying to implement a jquery Drag and drop.</p>
  
  <ol>
  <li>I would like to know which is the most customizable plugin?</li>
  <li>Consider after the implementation of the drag and drop, i want to make the design responsive.
  For eg. The canvas area is 100 X 100 px. i place a square of size 25 X 25px in between. So its top and left would be 25 px.
  Now consider this design needs to enlarge itself on a full screen mode to fit the complete screen. The we would use width: 100% for the canvas but the top and left of the div added is 25px. </li>
  </ol>
  
  <p>How can we make sure it fits all screen sizes?
  What are the steps i need to take while storing these parameters on a drag and drop? (store the top, left in percentages or px) or is there a better way with media-queries etc?</p>
  
  <p>Thanks.</p>