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

Dean Hudek 290

@deksa89

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


It's my second challenge and any feedback is welcome. I had difficult time to implement blue color on image on hover and it doesn't work as it is supposed to. I assume that there is way easier solution. Cheers!

Community feedback

Victor 1,035

@CodeVee

Posted

@deksa89 Hi Dean Hudek, Great Job completing this assignment. Few Suggestions

  • Change the price heading to h2 rather than h3 to clear the accessibility issue.

  • For the hover state. Remove the blue image and set the background of .inner-photo to cyan 00FFF7. Use flex to center both horizontally and vertically the eye SVG.

0

Dean Hudek 290

@deksa89

Posted

@CodeVee awesome! Thank you Victor :D

0

@Jonhillupperton

Posted

Hello Dean,

Great for submitting the challenge, yeah some people do struggle with that, Grace did submit a response on Slack about completing that part of the challenge.

Look for the #help channel and at the NFT card challenge to see Grace’s help.

Thanks

Jon

0

Dean Hudek 290

@deksa89

Posted

@Jonhillupperton thank you Jon! :D

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