Todo App

As your todos container is full width dragging an item will pull it off and set to 0.0. To fix it you move declaration of width from an item to todos container so that everything should work as expected

👋 Hey there! 🌟 I noticed a couple of things while reviewing your solution on Frontend Mentor. Overall, great job on your work! 👏 However, I have a couple of suggestions that might help improve the user experience:

1️⃣ Regarding the width of the background, it appears to be limited to 1440px. To ensure a more responsive design, I recommend using the "100vw" value instead. This way, the background will adjust dynamically according to the viewport width, providing a seamless experience across different screen sizes. 📏🌌

2️⃣ I noticed a slight offset issue while dragging elements. It seems that the "transform" property applied to your ".show-todo" element might be causing this since you've used "beautiful-dnd". Taking a closer look at it and possibly removing it could help eliminate the odd offset and ensure smooth dragging functionality. 🎯🤔

Keep up the great work! 🚀 If you have any further questions or need additional assistance, feel free to reach out. I'm here to help! 😊💪