Product Preview Card using Flexbox

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

I’m proud that I structured the layout using Flexbox for a clean and responsive design. If I were to do it again, I’d experiment with CSS Grid for better alignment control and explore animations to enhance the user experience.

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

One challenge was ensuring the image resizing properly for both desktop and mobile views. I fixed this by using [object-fit: cover] and setting max-width constraints. Another issue was dealing with spacing inconsistencies, which I resolved by using [gap] and consistent padding/margin values.

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

I’d appreciate feedback on code optimization —are there any redundant styles? Also, suggestions on improving accessibility (a11y) and making my CSS more maintainable would be great!