Submitted almost 2 years ago

NFT Card Component Using SCSS

Moh Lutfi Fauzi• 130

@MohLutfiFauzi

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I can't make the eye icon unaffected by the opacity of the parent so that the eye icon becomes transparent as well. anyone can help me ?

Community feedback

Md Raihan Alam• 520

@Md-Raihan-Alam

Posted almost 2 years ago

keep the eye icon above the rest using z-index and make it display only when hovering.. this way your eye icon won't be transparent. All the other seems to be fine and good work, keep trying like this

Marked as helpful

Moh Lutfi Fauzi• 130

@MohLutfiFauzi

Posted almost 2 years ago

@Md-Raihan-Alam this is good one but i'm resolved the problem just change opacity from background-color because in this challenge we use hsl for color so i can easily change opacity.

Chiemeka Okongwu• 550

@Chiemeka2006

Posted almost 2 years ago

@Moh Lutfi Fauzi nice project u reallly ddid good!!!

Marked as helpful

Moh Lutfi Fauzi• 130

@MohLutfiFauzi

Posted almost 2 years ago

@Chiemeka2006 thanks brother, keep learning !

Please log in to post a comment

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