Product preview card using flexbox and grid

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

I have been able to learn grid in CSS, as well as fitting images inside a div without overflowing. I would consider using grid if the design has even columns.

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

I found it difficult to fit the with product info perfectly inside it's container using flex, so I changed to grid and found out that it also make the image fit inside the same container as well.

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

I'm not sure what else, aside from making the whole card fit some screen sizes in landscape mode.