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 using CSS Grid and local JSON data

P

@ePaulo

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?

It was fun using Grid and fetching from a local JSON file. I started coded the CSS using only Flexbox then later on I switched some containers to use Grid. If I was to redo the project from scratch I would have started using Grid right away.

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

Needed to relearn basic Grid concepts... which I did.

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

I think my code is "okay". I attempted to match the design specs. I imagine I could have made better use of Grid, such as Grid Areas, to control more of the UI display.

Community feedback

@Aryan-ki-codepanti

Posted

everything looks fine to me you can center vertically by giving min-height 100vh on body or purple div then adding display grid placeitems center

or margin auto

0

P

@ePaulo

Posted

I considered centering it after I posted it and saw the comparison but opted to just leave it. Thanks :-)

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