Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Time tracking dashboard using React and CSS Grid

react
Amélie•330
@aweliego
A solution to the Time tracking dashboard challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Thrilled that I've finished this challenge!

What I found difficult: the layout, especially inside the cards and overall making sure the content doesn't overlap with other parts of the app etc. It took me a LOT of tweaking and adjusting before I got it right. Before building that project I had only used CSS Grid in a very limited way, this really allowed me to explore its full potential.

Which areas I'm unsure of: the CSS classes for each icon might be a little bit too hard-coded, even though I'm assigning them dynamically to the cards. I couldn't figure out another way to match the icons to the cards.

Such a great project overall. Really made me feel more confident about tackling other challenges of the same level.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Amélie's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License