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

Responsive component built with CSS Flexbox and CSS Grid

P

@ivanorsolic95

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

@gayathri-v1

Posted

Hello there, Congratulations on completing this challenge!

This is amazing solution. I also have found the text "Last week" is not changing. I would suggest to use three functions, for daily, weekly, monthly and then you can add previousTimeSpan.innerHTML = Last week - ${report.timeframes[timeframe].previous}hrs;

previousTimeSpan.innerHTML = Yesterday - ${report.timeframes[timeframe].previous}hrs;

previousTimeSpan.innerHTML = Last month- ${report.timeframes[timeframe].previous}hrs;

In each function separately. You can check my code, I did the same. Although, I am not sure how efficient it would be I multiple function on same thing is used.

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