Mobile-first Stats Preview Card Component Solution (Html & CSS)

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

I'm always proud every time I submit a challenge. Even if it's not the best version... it's certainly the best I can provide at the moment. I've managed to understand and use a new CSS property. I don't know what I'd do differently, but at this stage, I've come up with this solution... I hope to keep improving.

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

I had to overcome 2 difficulties:

• The absence of a mockup for the tablets left a gap and an infinite number of possibilities as to the responsive behavior of each element. I therefore opted to design a tablet version before being able to finalize the project, in order to have a more detailed vision of each element according to the dimensions of the device used.
• The “mix-blend-mode” property that I learned from the documentation available online. To simplify the whole process for this challenge, I preferred to reimport the background image to its original size, keeping only the opacity at 0.74 to facilitate mixing with white and violet colors.

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

Once again the reponsive aspect and all the other constructive criticism that helps me to progress.