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

React (with hooks), css, webpack, sortable.js

P

@gsterczewski

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is welcomed.

I'm aware of a few problems :

  1. Focus state on mode switch is annoying on mobile, should exist only on desktop
  2. Currently due to some bugs, I had to remove option for preserving todos order after sort. I will think about solution later.
  3. I should probably set some min-width on few elements to preserve circle indicators shape.

Accessibility issues are most important to me right now, but any other tips are appreciated.

Community feedback

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