All solutions

This challenge was a bit tough to crack fast. I struggle a bit with responsive design and often find myself writing CSS too fast instead of carefully thinking about the relationships between parents and children.

I didn't quite get everything right. There are some spacing issues that were a bit improvised, and I also found it challenging to get the gradient transition of the result circle just right.

I imagine there's way more CSS than necessary in there, but if anyone would be willing to go through it and give me some feedback, that'd be much appreciated.

Thanks!

Is the CSS well structured? Do the units of measurement make sense?