Skip to content
Submitted over 2 years ago

NFT Card

Dean Hudek•290
@deksa89
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

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
    @CodeVeePosted over 2 years ago

    @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
    @deksa89Posted over 2 years ago

    @CodeVee awesome! Thank you Victor :D

    0
  • Jon Hill-Upperton•150
    @JonhilluppertonPosted over 2 years ago

    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
    @deksa89Posted over 2 years ago

    @Jonhillupperton thank you Jon! :D

    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