Nft preview card component

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!