Responsive Time tracking dashboard using CSS Flex + CSS Grid

What are you most proud of, and what would you do differently next time?

I'm really proud of learning grid! Before this, I found grid useless as I really like how flex works. Now I've learned that flex is more of a responsive display-type and grid will be more of a fixed or structured display-type.

I've also learned for of and Object.entries, which I think will help me in the future! Although I don't think I can implement it on the spot, it's good that I have been introduced with it by ChatGPT

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

It was probably using grid and having the attribution aligned at the bottom. It seems that setting a height on the main div or anything will be treated as that size, regardless if it overflows over the screen. I'm not sure if it's a grid issue, so I was very tempted to just switch to flex. But that will defeat the purpose of this challenge.

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

I'm not too sure actually. I think that I did fairly good here on how I approached things, better than the previous solution I've made. Maybe it because I was using react on the last project, which complicated tons of things.

With that said, I'd love to be criticize on how I approached my styling! If there's any unnecessary lines of "codes" there.