Submitted 6 months agoA solution to the NFT preview card component challenge
NFT preview card component
@toxa-dev
Solution retrospective
What challenges did you encounter, and how did you overcome them?
Challenge: The challenge was to make icon-view.svg visible and white when the user hovers over the hero image (image-equilibrium.jpg). Note that opacity and the alpha channel (for example, using rgba()) work differently.
Overcome: I used a <div> with the class overlay and positioned it absolutely over the hero image. I placed icon-view.svg inside that <div> and applied an alpha channel for transparency instead of using the opacity property.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Anton's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord