Skip to content
Submitted over 2 years ago

NFT card component using Flexbox with active states

Ismael Paul•200
@ismaelpaul
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've been struggling with the hover image/icon, I couldn't make the icon hover background the same size as the image. Any thoughts on that? Any comments on how I can improve my code overall are highly appreciated as well.

Thanks in advance :)

Community feedback

  • Tomáš Sucháň•70
    @ImTomiiqPosted over 2 years ago

    Hello, look at my solution on hover feature. I did it correctly :)

    Let me know what you think about it.

    1
    Ismael Paul•200
    @ismaelpaulPosted over 2 years ago

    @ImTomiiq Hey, your solution is cool. But since you used sass/scss, I don't really understand it, I've never tried it before.

    0
    Tomáš Sucháň•70
    @ImTomiiqPosted over 2 years ago

    @ismaelpaul Okay, no problem. If you want I can remake it for you :) In css

    1
    Ismael Paul•200
    @ismaelpaulPosted over 2 years ago

    @ImTomiiq Thanks, mate. I made it work now. It was a bit of a struggle but I think the lesson was learned. Thank you for your help :)

    0
    Tomáš Sucháň•70
    @ImTomiiqPosted over 2 years ago

    @ismaelpaul Good job, and keep working on your project! If you have any questions let me know you are welcome.

    1

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