NFT preview card

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.

iMAGE OVERLAY📸:

• You have done a nice job in perfectly handling the overlay for the view icon on top the image, but there's been a slight issue from UI prespective. Because the background you have set is not matching the design they provided

• So you can change the background for .view element from `` to hsla(178.1, 100%, 50%, 0.5) during the :hover state

• Another pro tip, you can add blur also which will take the UI to the next level!

• Here's the css snippet as per suggestions,

img:hover {
filter: blur(2px);
}

.view {
background: hsla(178.1, 100%, 50%, 0.5);
}

• Now your component got best additional qualities in ui prespective compared to other solutions in community!

.

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

Happy coding!