Responsive product-preview-card-component

Hello @MoneebAliKarrar!

Your project looks great!

I have some suggestions about your code that might interest you.

📌 You don't need to use words like "image", "photo", or "picture", because the image tag already conveys that information.

📌 Use the <picture> tag when you have different versions of the same image 🖼. Using the <picture> tag will help you to load the correct image for the user's device saving bandwidth and improving performance. Example:

<picture>
    <source media="(max-width: 460px)" srcset="{image path here}">
    <img src="{image path here}" alt="{alt text here}">
</picture>

I hope it helps!

Other nthan that, great job!