NFT Preview Card

This is my solution for the NFT Preview Card Component.

It was overall easy and enjoyable building this project, however I faced a difficulty regarding view-icon:

• I have tried out various solutions on how to make the icon appear in the .view-icon class when we hover on the .nft-image <div>. The main one was adjusting the z-index to a higher value than the one of .nft-image when the latter one is hovered upon. I have also made the icon visible via visibility: visible;. However, the image remains hidden every time, even if I change the position of z-index to the :hover selector. I would really appreciate any suggestions for solving this issue as it has bugged me for a while.

I would appreciate your feedback and would like to receive your comments and perspectives regarding the project. Thanks a lot!