Skip to content
Submitted about 2 years ago

NFT Card Component Using SCSS

Moh Lutfi Fauzi•130
@MohLutfiFauzi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

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-AlamPosted about 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
    0
    Moh Lutfi Fauzi•130
    @MohLutfiFauziPosted about 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.

    0
  • Chiemeka Okongwu•550
    @Chiemeka2006Posted about 2 years ago

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

    Marked as helpful
    0
    Moh Lutfi Fauzi•130
    @MohLutfiFauziPosted about 2 years ago

    @Chiemeka2006 thanks brother, keep learning !

    0

Please log in to post a comment

Log in with GitHub

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