All solutions

Has anyone got any advice specifically regarding the images for this one? Should I have used entirely Flexbox instead of Grid? It's extremely satisfying watching everything move as the container expands but I'm pretty frustrated I couldn't stop the images from being cut off - even using multi-background image didn't seem to work properly this time around, especially regarding background-size.

My hovers also seem to have broken and I don't know why. :( Feedback appreciated!

This genuinely gave me SO many headaches. I particularly struggled with creating the progress bar gradient(which I still haven't managed, so if anyone has any advice I'd be really grateful to hear it!) and a lot of the layout. It's probably one of my messier codes so I'd love some advice on neatening it up and better layouts.

What other methods did people employ for the social media icons? I feel like my way of doing it is alright, but not the best or most convenient. Was wondering if people integrated it into the body background as well rather than it being its own class?

Mostly a test to see how quickly I could fix it up, which was a consolidation of my flexbox knowledge! I struggle with matching widths exactly so I did my best.

Had a whale of a time messing with Grid for this one and utilising inbuilt HTML like headers and lists. Wondering if anyone has any better ideas for not bloating out the code to display things using Flex - I didn't use padding as it messed with the widths too much and wasn't sure how to circumvent it.

I'm curious to know if anyone made this with Grid instead of Flexbox? I have an easier time making things work in Flex than I do Grid, so I'd love to know how others approached it!