Submitted almost 3 years ago

Time Tracking Dashboard | React & Tailwind

react, tailwind-css

Jack Tubbenhauer•170

@jtubbenhauer

A solution to the Time tracking dashboard challenge

Preview Code

Solution retrospective

I found it difficult juggling between flex and grid for the two different layouts. Definitely don't think this submission will be close to pixel perfect, but I'm happy with how it ended up for the most part.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Amélie•330
@aweliego
Posted almost 3 years ago
Awesome solution. Your code is very clean and feels pretty advanced. It's really interesting to see all the different ways one can come up with to switch between the timeframe, yours in particular seems to effortlessly do the job. I'm happy to see TypeScript/React solutions on this project, as I'm still struggling to see how to use TypeScript in general. I'll bookmark your solution for future reference, if you don't mind.

The only thing that I thought could be improved is the responsiveness. When I reduce the browser size there's a point where the cards slightly overlap each other, and scrollbars appear (something to do with the overflow and/or width/margin I guess).

Great take on this challenge!
Marked as helpful

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