Design comparison
Solution retrospective
Strange offset while dragging
Community feedback
- @matryoshaPosted over 1 year ago
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
Marked as helpful1 - @BhudiaMukundPosted over 1 year ago
👋 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! 😊💪
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord