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

Time tracking dashboard solution

Brendan 1,120

@OneManBanned

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@EdenExperiments

Posted

Congratulations on the completion of this one, your design looks very spot on!

Feedback:

  • You could add some anchor tags to your daily/weekly/monthly toggles to make it accessible, I currently can't focus on them with my tab key.

  • Your desktop breakpoint is very low, smaller than an iphone pro and this is currently what it looks like on similar to iphone pro dimensions https://snipboard.io/Gti2Br.jpg, i'd consider changing it to 1024px+.

  • There's a tiiiny amount of the background on the cards poking out of the bottom corners on the stat cards, being very picky here as it's hard to find flaws in your design!

Your JS is also looking good, there is potential for improvement by following DRY (do not repeat yourself), you have 3 very similar functions, could you use one with parameters? However it is very readable the way that it is and I'm just being picky.

Marked as helpful

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