Lucas 👾• 104,420
@correlucas
Posted
👾Hello Yunus Emre Çınar, congratulations for your new solution!
Your solution is really good and also the hover effect is working, you've done a good work here. But the container and the image are not responsive yet. To make your image fully responsive add display: block
and max-width: 100%
and object-fit: cover
to make the image auto-crop when resizing inside the column, doing that you NFT image will resize but you'll need to adjust the HOVER EFFECT too:
img {
display: block;
object-fit: cover;
max-width: 100%;
}
👋 I hope this helps you and happy coding!
Marked as helpful
1