simple product preview card using flexbox

Hello, Congratulations on completing this challenge

I observed you're using css Media Query for the image section, there's another way to achieve the same.

Using the <picture> tag is commonly used for responsive images, where different image sources are provided for different screen sizes and devices, and for art direction, where different images are used for different contexts or layouts. Example:

<picture>
<source media="(max-width: 768px)" srcset="small-image.jpg">
<img src="fallback-image.jpg" alt="Example image">
</picture>

Here's a detailed reference: here