@mkboris
Posted
Hi dedo-dev great work, if you change the media declaration of the source
from (min-width: 48em)
to (min-width: 37.94em)
exactly when the layout changes you wouldn't need to set the height to 100%.
@mkboris thanks for your reply, unfortunately, this doesn't work.
I tried it before, but the problem is the padding
on the .product-card__content
which makes the container bigger and then <img>
doesn't fill completely, while the <picture>
tag does so.
I tried everything or almost everything, object-fit
, object-position
, media declaration, I set 1x
at the end of the <source>
but nothing, only setting up height: 100%
to the `<img> works and I think that isn't the best solution 😓
I can't understand why because the original height of the image is 900px while the card is less than 500px
Now I left the preview with this problem if you wanna give it a look.
Thank ✌️