Responsive results summary component using React and TailwindCSS

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

I liked using Tailwind for this project. I was already familiar with it. But this project helped me gaining further understanding of implementing gradients, box shadows and using cutom fonts, font-sizes and colors with Tailwind. The Tailwind documentation is superb which is why it wasn't that hard figuring things out on the fly.

I wished I would've put more thought in structuring the layout beforehand. I switched between Flexbox and Grid in the middle of the project. I was too afraid to use Grid from the start because of its complexity (in comparison to Flexbox).

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

At the start of the project I was too strict using fixed withs and heights from the design file. During the project I switched from Flexbox to Grid in order to better align the respective components and make them more responsive in the process.