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 preview card component

@MikhelRhyz

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


feedback please

Community feedback

@adrian-reina-391

Posted

Honestly, it was not so difficult to make, until that point, but adding the eye SVG icon that appears when you hover on the main image, has been hard, I don't even understand why I had it to do it that way. Check mine: https://adrian-reina-391.github.io/myfrontendmentorprojects/challenges/4-nft-preview-card-component-main/index.html

Marked as helpful

0

@MikhelRhyz

Posted

@adrian-reina-391 oopps! I forgot to do there should be an active state. thank you!

0

@adrian-reina-391

Posted

@MikhelRhyz how did you know that the icon eye image should have a width of only 20%?, mine was 41.3%

0

@MikhelRhyz

Posted

@adrian-reina-391 I did not know. I just set it. I just experiment on what size it will look good.

0

@adrian-reina-391

Posted

@MikhelRhyz I did that with padding instead of width, but it must be a more precise way that we don´t know

0

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