Implementation of Drag and Drop with Grid layout

[Turzapodder]

Hi,
Is there any one know how to implement the grid system for the drag and drop feature. Current absolute and translate system is not a good approach from a developer perspective. So, I was thinking to build the grid structure where the component will stay inside the viewport or canvas. It will help me to create the snap effect too. I saw grapesjs SDK has a plugin similar to this. I am trying to build that. Any idea on how can I achieve this?
It would be great to know and overcome this challenge.