Time Tracaking Dashboard - React.js, responsive CSS Grid layout

Hi FM people! Here's my solution for the Time Tracking Dashboard challenge. 😄

Comments:

• This one took a while to finish but I think I managed to get the UI looking pretty close to the design.
• CSS Grid really came in handy when building the layout and toggling between desktop and mobile views!
• This was also a great opportunity to practice React too, as it made it a lot easier to implement to sidebar menu and display the data for each timeframe.

Questions:

• One of my biggest hurdles was trying to get the big text in the cards (e.g. 10hrs, 103hrs, etc.) to somewhat scale along with the cards and main Grid container - in the end, I ended up using a mix of vw, fixed pixel size and a min() operator to get a somewhat dynamic font size without making it look too ridiculous on large desktop monitors. How can I approach this?
• Any ideas on some cool animations that I could add to this design? And how could I approach implementing them?

Any extra feedback would be greatly appreciated too! 😉