Responsive order summary card using Flexbox and CSS custom properties

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

I’m proud of achieving a clean and responsive design using semantic HTML and CSS from scratch. Next time, I would focus more on improving accessibility and try to optimize the CSS structure for better maintainability.

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

One challenge was aligning and centering the card properly across different screen sizes. I overcame this by applying a mobile-first workflow and using Flexbox for layout. I also used CSS custom properties to maintain consistent styling.

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

I’d like feedback on how to further improve my CSS organization and accessibility best practices for screen readers.