Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Todo app with ReactJS and Emotion

@solvedbiscuit71

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Travolgi 🍕 31,420

@denielden

Posted

Hi Praveen, great work on this challenge! 😉

Here are a few tips for improve your code:

  • add main tag and wrap the tasks for improve the Accessibility
  • instead of using px use relative units of measurement like rem -> read here
  • i can add tasks also with blanks, add a control... The trim() method can help you -> read here
  • if I add 2 tasks with the same text when I mark one as completed both are checked, I think it is an id problem

Overall you did well 😁 Hope this help!

Marked as helpful

0

@solvedbiscuit71

Posted

@denielden Thanks for the feedback 😊. I will address these issues!

1

@solvedbiscuit71

Posted

@denielden I have fixed these issues mentioned by you, can you please verify them for me ??

1
Travolgi 🍕 31,420

@denielden

Posted

@solvedbiscuit71 Yess... Now it's much better :) keep it up!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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