Responsive To-do List

Hi everyone!

This was a very fun project and I definitely learned a lot in the process. 🙃

I do have a question for the community on something I could not figure out. I have managed to add the drag and drop functionality to my desktop version using the eventlistener "dragstart" and "dragend". But once I tried to add it to the mobile using "touchmove" and "touchend" (and adjusting the rest of the code accordingly) it didnt work. All the tutorials I could find said that the position of the element had to be set as "absolute". But I as have used the HTML tag "<template>" to create new to-dos all the new submitted tasks where going on top each other and everything very quickly became a hot mess.

I would love to be able to add the drag and drop to the mobile version as well. Does anyone have any advice on how I could accomplish that?

Thank you in advance! Other feedback and comments are always welcomed as well!