nft card component with HTML CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Shaswat Singh, congratulations for your new solution!

  Your solution is amazing, you've only two issues about the responsivity to fix, note that the image and the container are not responsive due the fixed width you can replace width with max-width to fix this issues. See the fixes below:

  This to make the container responsive:

  .card {
      max-width: 375px;
  }
  

  This to fix the icon distorting

  img {
      display: block;
      max-width: 100%;
      height: auto;
  }
  

  👋 I hope this helps you and happy coding!

  0
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Shaswat Singh, congratulations for your new solution!

  Your solution is amazing, you've only two issues about the responsivity to fix, note that the image and the container are not responsive due the fixed width you can replace width with max-width to fix this issues. See the fixes below:

  This to make the container responsive:

  .card {
      max-width: 375px;
  }
  

  This to fix the icon distorting

  img {
      display: block;
      max-width: 100%;
      height: auto;
  }
  

  👋 I hope this helps you and happy coding!

  0