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

Andrew Siachosβ€’ 240

@andrewsiachos

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

Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

Hello πŸ‘‹ @Andrew

Really nice attempt πŸ‘ for this challenge

Suggestions πŸ˜ƒ :

  1. You should always put aria-label to inputs in case they don't have a label for accessibility issue.
  2. Fonts on mobile are a bit bigger, try irfan view,which calculate any part of an image, to calculate the font size and other stuffs.
  3. Add local storage so save bothe the theme and also the user activity.
  4. Add outlines to every button, input field and custom checkbox for key board user.

Hope it helps(happy coding..! )

2

Andrew Siachosβ€’ 240

@andrewsiachos

Posted

Wow, thank you very much for your feedback @RocTanweer. I appreciate it a lot and wish you the best.

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

@andrewsiachos my pleasure 😊

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