Lucas 👾• 104,420
@correlucas
Posted
👾Hello Trevor, congratulations for your new solution!
As always a great solution! The only thing I think you should change is the properties to make the image responsive, note that when the card scales the image lose its proportions.
Here's my tips for you to fix the image responsiveness:
ADD display: blockand max-width: 100% and object-fit: cover to make the image auto-crop when resizing inside the column:
img {
display: block;
object-fit: cover;
max-width: 100%;
}
👋 I hope this helps you and happy coding!
Marked as helpful
1
Trevor• 200
@Tactenator
Posted
@correlucas Hello Lucas!
Ah, I did indeed forget that. Thank you for catching that. I will fix that right away.
Thank you once again for your help! It is truly greatly appreciated :)
Take care!
1
