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

@temesgen-982

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


What are you most proud of, and what would you do differently next time?

My first time using fetch. The CSS is a mess I will try to organize it.

Community feedback

LucasNgTg 190

@LucasNgTg

Posted

Hello there!

Congratulations on your solution. In terms of fetch, you seem to have understood the concept quite well. A couple of things to point out:

  • As per the design specifications, the menu button of each card should be highlighted on upon hovering with the cursor.
  • The content of the grid container is leaking, causing it to not appear centered.
  • The script tag should be placed at the bottom of the HTML body, so it only runs once the rest of the page is loaded. Alternatively, you could put the entire JS code inside a load event.

Hope it helps. Have a nice day!

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