All solutions

I think I need to work on CSS padding. A lot of my methods for aligning items is not the best. I found getting the different card 'items' in the right place difficult and I wonder what's the best method for this?

I had a bit of trouble centering the 'you selected # out of 5' text but I don't know why. For the parent I did justify-items: center and I even did justify-self: center on this div but it didn't work. So I resorted to adding a margin which isn't the best practice.

Took a while for me to figure out why the same advice was being re-generated but it should work now! I am very much a beginner and this was my first time working with an API. Any advice is much appreciated :)

I had trouble getting the images to link but hopefully it works now

Not exactly the most responsive... I had some issues with the mobile version. I used CSS grid for the layout and '@media only screen and (max-width: )' to create a new stylesheet for mobiles. However, even though I used viewport sizes and overflow hidden, there was still scrolling on the mobile and weird positions for the circles. Any suggestions are appreciated!