I'm doing a drag and drop for both PC and tablet. I have some problems when I drag and element over to the droppable area.
1) I also have to make sure that there are only 3 elements on each row of droppable area, that is only 3 elements on "Category 1", for example. If not, the whole layout won't look balanced. That also means that the droppable area can only accept 1 draggable element at any 1 time.
2) I managed to make all the elements to display a bigger size upon dropping it into the droppable area. However i will need to allow any elements (draggables) to be able to drop into any of the droppable areas and not just restrict to 1 area. (Refer to the class names) I tried using the if/else statement, but I can't seem to make it work. i have resorted to making sure that all the classes are of a unique name. (Because I tried making the class name same for all the draggables, but it doesn't seem to work as I need to call/display the individual element's that is the draggable, bigger version when it's dropped onto the droppable area)