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

timetracking-dashboard

P

@prem-kumart

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?

  • I learned on async/await usage while extracting data from json files.

What challenges did you encounter, and how did you overcome them?

  • Initial challenges was creating. overlapping effect of the cards. but was able to overcome by using grid.
  • Main challenge faced while programming rendering data dynamically from json file to the html page.

What specific areas of your project would you like help with?

  • how can improve my code and better structure my html and css?

Community feedback

Shiv 350

@undrthegraveyard

Posted

Hey,

Your HTML, and CSS structure is quite neat and provides sufficient context. I opened your design on my laptop, and it was loading up your mobile view. I think you need to declare another media query to handle your component's design for devices above 375px, and less than 1440px. Hope this helps.

Regards

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