Responsive Order Summary Component using HTML CSS Flexbox

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

It was a pretty simple and basic challenge, don't have anything that I'm particularly proud of, but I'm really satisfied of how I did this challenge.

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

• Making it responsive: Getting the component to look good on both small and large screens was harder than I expected. I had to spend a lot of time tweaking the layout to make sure it didn’t break on different devices.

• Nailing the sizes: I struggled with getting the dimensions just right. Things like padding, margins, and font sizes took a lot of trial and error to balance, so the design felt clean and consistent.

• Flexbox: Flexbox was both my best friend and my biggest headache. While it helped with aligning things, I had to experiment quite a bit to make it work how I wanted, especially with vertical and horizontal centering.

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

• write better code (clean and more efficient);
• flexbox (I use a lot of flexbox, i might be depended on it, overall i want to use it only necessary and not everywhere like i tend to do);
• responsiveness (this is definitely one of biggest struggles).