Submitted over 2 years ago
Todo app with drag and drop functionality made with vanilla JS
@Abdul400
Design comparison
SolutionDesign
Solution retrospective
Hello guys, I'm not sure if I've tested the advanced todo app enough. Kindly test and give me feedback on any bugs that you have found. Thank you so much :)
Community feedback
- @ApplePieGiraffePosted over 2 years ago
Hey, Abdihafid Adan! 👋
Good woprk on this challenge! 👏 You've done a great job at completing this challenge with vanilla JS! 🙌
A few things I'd like to suggest are,
- Adding
object-fit: cover
to the background image in the page so that the image does not seem stretched or squeezed when its aspect ratio/dimensions change. - Using more semantic HTML elements in your markup, which is important for accessibility and SEO-related reasons. For instance, the theme toggle and the options and the bottom of the to-do list could really benefit from being wrapped in
button
elements. That way, users can interact with those elements using their keyboard, which is important for users who do not have or use their mouse/trackpad. 😉
Hope you find these tips helpful. 😊
Keep coding (and happy coding, too)! 😁
Marked as helpful2@Abdul400Posted over 2 years ago@ApplePieGiraffe Thank you so much for your feedback. I will most definitely consider them for my next project.
1 - Adding
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