Product preview card component

👾Hello Sithum Gimhara, congratulations for your new solution!

Your solution is really good done, also the design elements. The only thing you really need to improve is the image responsivity, there's an issue that the image is not scaling with its proporpotions. Here's my tip to fix that:

Add display: block and max-width: 100% to the imgselector to make the image fully responsive. And object-fit: cover to make the image crop inside the column:

img {
    display: block;
    object-fit: cover;
    max-width: 100%;
}

👋 I hope this helps you and happy coding!