nft preview card component main using html and css

Community feedback

• 

  Mohammed Abbas•390

  @Mohammedabbas7Posted 10 months ago

  Congrats on completing this challenge 🎉🎉🎉🎉

  Nice solution.

  I have some advice for you

  • the hover effects on the img-overlay instead of using display: none; it's better to use opacity: 0; on the img-overly and also instead of using display: block; on the main_img-box:hover .img-overlay rule you can use opacity: 1;
  • also you can add transition property on the img-overly to make the background-color and the icon have some transition when you hover over it, add this transtion: opacity 0.5s;.

  That is all I have, I hope you find it useful.

  Happy Coding :)

  Marked as helpful

  1

  ---

  

  Matthew•20

  @matthewadeboyejrPosted 10 months ago

  Thank your for your review i will work on the changes @Mohammedabbas7

  0

  

  Dongmo Shu•280

  @dongmo-shuPosted 10 months ago

  @matthewadeboyejr Once you do, don't forget to Generate New Screenshoot, and check on community feedback.

  We are here to help. Have fun coding!

  0