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

@codefolk

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I haven't Learned JSON data handling, so entered the data manually. Any further improvement and suggestions will be appreciated. Happy Coding :)

Community feedback

@efecollins

Posted

Hello @codefolk, great work you've got here. Congrats! If you don't mind, I've got some tips for you.

Span tags are used for inline formatting. In your <span class="column-view"> change the span to div

Also, for the seven cards you created, use a section tag, not an article tag. Article tags are meant to have headings and in this scenario, there are no headings.

Great work with the mobile view.

You can check my solution for more clarifications @ time-tracking-dashboard

1

@efecollins

Posted

@codefolk Don't forget to generate a new report after the necessary corrections to reduce the HTML issues.

1

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