Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT card component using Flexbox with active states

@ismaelpaul

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@ImTomiiq

Posted

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

Let me know what you think about it.

1

@ismaelpaul

Posted

@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

@ImTomiiq

Posted

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

1

@ismaelpaul

Posted

@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

@ImTomiiq

Posted

@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
Discord logo

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