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

Mobile First-SCSS-Flex&Grid-JQuery

rafet 925

@rafetbasturk

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 appreciated.

Community feedback

David Payne 1,205

@dpayne713

Posted

Hi Rafet,

Nice Job! looks nice and works well!

  • It appears the background image for 'light' mode is a broken link. I've also had that issue when using GitHub pages - I'm pretty sure that is one of the main reasons that this site recommends using Vercel.

  • I kinda wish that instead of an alert for the clear completed it popped up a hidden div or something instead.

  • another super minor note - when you choose 'completed' the completed checkbox is not selected on those elements making it ever so slightly confusing as to if the item is completed or not.

Hope this helps,

David

2

rafet 925

@rafetbasturk

Posted

@dpayne713

Hi David!

First of all thanks for your feedback. About your recommendations;

  • In the screenshot light mode's image seems normal. As you said it may be github originated.
  • Pop-up is a good idea. I should have thought of it.
  • Since it is already "completed" tab, I thought there is no need to check and line-through items anymore. Anyway I changed the code as you suggested and uploaded it.

Happy coding,

Rafet

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