All solutions

I think I could do a better job making the webpage responsive on resolutions other than the required 375px and 1440px, and maybe cleaner CSS code. I like the way I implemented the menu bar functionality and the blur overlay though. If there is anything you think I could improve and should know about, please do tell, any feedback is welcome.

I recognize that this is not the best or most optimal solution, but I didn't want to spend too much time thinking about that and just did what I thought was ok at the moment, however any constructive criticism is welcome. The main issues I find with my solution is the big clutter in the Notification component that I could've split up, and the getConvertedTime function could be better by accounting for edge cases as well as changing the measurements ("minutes", "hours" etc.) to singular/plural when needed. And if there is anything else you notice that could be improved, please do tell, your feedback is appreciated.

On very small screens smaller than 375px, the card starts shrinking and the content inside starts overflowing, how should I go about fixing that? Also, for the hover states the style guide doesn't specify the colors I should use, does it mean I have to just find out the colors myself?