Responsive result summary component

What are you most proud of, and what would you do differently next time?

I learned firsthand how to make more maintainable/professional code using data attributes and also my use of variables throughout. I learned new methods for CSS and got first hand experience as to how Grid and flexbox work. I also used HSL function to create gradients.

What challenges did you encounter, and how did you overcome them?

I was not sure how to make gradients at first as well as the padding of the whole component. It was a challenge writing clean css at first. I then watched Kevin Powell on Youtube and learned a lot from him doing this specific project and now I can confidently say I can do projects like this in the near future without hand holding.

What specific areas of your project would you like help with?

I would like help with the gradient and I'd like suggestions on how to better make it also I need a bit of help understanding linear gradient more if anyone has better links than MDN.