Skip to content
Submitted 5 months ago

Time Tracking Dashboard using CSS Grid and local JSON data

Paul Olynek•330
@ePaulo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

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 Sethi•360
    @Aryan-ki-codepantiPosted 5 months ago

    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
    Paul Olynek•330
    @ePauloPosted 5 months ago

    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

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