webpage with flex display

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

I'm most proud of nailing the rounded corners and Flexbox layout, especially the responsiveness. I'd definitely plan the CSS structure better next time and explore CSS variables for easier color management. I'd also look into using a library or creating custom SVG icons for a cleaner approach.

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

"The biggest challenge was getting the layout right, especially the rounded corners on just one side of the container. Initially, I had rounded corners on both sides, which wasn't the design I was aiming for. I realized I needed to apply the border-radius property more selectively, using different values for each corner. I also had some trouble getting the two columns (the "Result" and "Summary" sections) to line up correctly and be responsive. Flexbox was key here. I played around with the flex properties until I got the balance I wanted, and then used media queries to make sure it looked good on smaller screens too."

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

margins and padding, how too use them properly