ResponsiveResultSummaryCard design using CSS flex-box and media query

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

I take pride in the fact that this project challenged me to apply my flexbox knowledge to create a responsive card. In my next project, I plan to explore the grid layout technique.

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

I implemented a mobile-first approach in my CSS media queries to enhance the page's responsiveness. However, I encountered an issue where the "top-wrapper" class didn't occupy the full height of its container, the "full-card-container." To resolve this, I utilized the CSS flexbox property align-self: stretch;, which allowed the "top-wrapper" to take the full height of the card container.