NFT-Preview-Card-Components

Hi @hafsatun2020, in my opinion your project is perfect, but still I highly advise you to add some transition to the hover background at the nft image.

Example: .NFT-image{ transition: background-color 150ms;}

I hope I was able to help you!

Hey mate. Good job on completing the challenge. I just finished it today myself. My approach was a little different.

• Instead of trying to manipulate the image, I created a section to contain the eye image.
• I styled that according to the specifications, used a position absolute on there and a position relative on the parent element.
• Then it was just manipulating the opacity on a hover.

Hopefully that helps! There might be a solution to get it working with the changing the image content itself like you've tried but this might be a good alternate solution if not.

Happy Coding!