Product preview card with flexbox and grid

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

• Using CSS Grid and Flexbox
• Learning that button should can have a display of inline-flex instead of flex.
• Using min-width to adjust image-size.
• Using BEM naming method
• Practicing to keep the code robust and readable.

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

Card image - width of 50% on card image and the class of card_details, ended up scaling the image down.

But applying min-width on the image adjusted the image to 50% of the card width and 100% of the height.

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

All kinds of feedback and different approaches to the solution would be helpful. Thank you.