NFT Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾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: blockand 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