Skip to content
Submitted about 2 years ago

nft card

GRAVIT•80
@gravit09
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 cannot add a hover style in my equilibrium image with an eye icon. please guide me on how to add it.

Community feedback

  • Neil Kanakia•300
    @neilk17Posted about 2 years ago

    Hey Gravit,

    Congratulations on your solution!

    I had the same issue when I did this challenge, I would recommend making the main image into a button, this way when you hover, you can display the other image on top of it.

    Feel free to refer to my solution here https://www.frontendmentor.io/solutions/nft-preview-card-FY8wfpWj8s

    Secondly, I would suggest fixing the accessibility issues as they have simple fixes, such as adding an alt text, adding a language to the html tag.

    Marked as helpful
    1
    GRAVIT•80
    @gravit09Posted about 2 years ago

    @neilk17 i am considering the same method and thanks for the review 😊

    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