Nft preview card component

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  SUGGESTIONS 💡 :

  • The .overlay element is just transparent when user hovers the cursor on the image, but the transparency setted for element .overlay also affects it child view-icon's opacity.

  ---

  • We can resolve this easily by optimizing the css rules, now add the following rules

  .image-container:hover .overlay {
    opacity: 1;
  }
  
  .overlay {
    background-color: hsla(178, 100%, 50%, 50%);
  }
  

  • Explanations for suggestions, we provided opacity: 1 and we have modified the opacity of background-color with the help of hsla color code. So our view-icon will have 100% of opacity.

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  1

  ---

  

  Stano153•70

  @Stano153Posted over 1 year ago

  @0xAbdulKhalid I didn't even realize it. That is helpful tip. Thank you very much :) Additional question, I see that on screenshot 0.041 ETH is cut in line and 3 days left too. Do you know why is that happening?

  0