@DaTheDumbGuy
Posted
Try adding width: 50%;. This sets the image width relative to the container, preventing the image from stretching the container.
.product-image {
border-radius: 0.8rem 0rem 0rem 0.8rem;
resize: both;
width: 50%;
}
I hope this helps, cheers (ノ◕ヮ◕)ノ*:・゚✧
Marked as helpful
@LeowWeiLee
Posted
@DaTheDumbGuy
Any idea why google chrome and fire fox behave differently?
Fire fox without this line, is working fine, while Google Chrome image get streched?
"width: 50%;"
@DaTheDumbGuy
Posted
@LeowWeiLee It works fine when I tried both browsers, you probably fixed it.