NFT preview card component

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted about 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • The NFT Alt Tag description needs to be improved upon. You want to describe what the image is; they need to be readable. Assume you’re describing the image/icon to someone.

  • Wrap the "NFT image" and "Equilibrium #3429" in an Anchor Tags <a>. The anchor tag will allow users to click on content and have them directed to another part of your site.

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding! 🍂🦃

  Marked as helpful

  0

  ---

  

  Yiwen Chen•190

  @CHEN-YiWenPosted about 2 years ago

  @vcarames Thank you for the suggestion! I have updated my code! But I also have two questions:

  1. Is it okay to make the alt tag relatively long to describe the image adequately? Such as: "an NFT named equilibrium: a transparent cube with colorful refraction."? Or do I have to make it shorter?
  2. In Google, the color overlay of the image grows outside of the image itself. But this situation doesn't happen when I use Firefox to check the design. Is there anything way I can fix that?

  Thank you so much😊

  0

  

  バレンタイン 😈•64,170

  @VCaramesPosted about 2 years ago

  @CHEN-YiWen

  1. It should be something simple and to the point. "A transparent cube with colorful refraction." is perfect.

  2. That's weird. It only happens in Safari and Chrome. Try implementing it in this manner:

  https://www.w3schools.com/howto/howto_css_image_overlay.asp

  Marked as helpful

  0