All solutions

Dealing with the grid was a lot simpler than originally expected. Wasn't too sure about the colour when hovering over boxes, just used one provided that seemed closest to it.

All feedback is always welcomed

Took a while to get the amounts in the right place for the days when mousing over the bars, but figured it out eventually.

Any tips and feedback always welcome

First time experimenting a little bit with grid. On the tip % box. Had to play around with the totals box a little to get the height on point for both layouts.

All feedback is welcomed

Didn't find anything particularly difficult on this one. Just a tiny bit of a play around for the image hover on the view box, other than that it all went pretty smoothly. Any feedback and tips are welcomed and appreciated

Took a while to get everything accurate. Hardest part was figuring out how to edit the shadows since i never really use them. Because the gradient on the results box has transparency, the shadow on the left side of the summary box would show through until i tweaked it.

After uploading, i realised the colours for the stats box on the text and background aren't loading on prod. I'm loading the colours in dynamically through an array map and adding them in as variables, any insight on why it works locally and not in prod would be great. They're coming from the data.json file.

Fixed it going into the tailwind config and adding the styles to a safelist on the purge option, i'll leave this here incase anyone wants to use it for reference

Not 100% sure on font sizes and weights, and also border radiuses but went by eye and think i got it for the most part