Skip to content
Submitted over 2 years ago

NFT Preview Page

CloutSwagSauce•30
@cloutswagsauce
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 wasn't able to get the img:hover to display a new image, any help ?

Community feedback

  • Doston Nabotov•950
    @dostonnabotovPosted over 2 years ago

    Hi, there! That looks great! In terms of img:hover, you can use pseudo elements. Also, centering the card with grid is also needed as it is floating to left side, and does not look great. Check out my solution where I implemented these approaches.

    1
  • Sharif•90
    @sharif-22Posted over 2 years ago

    bro ! you can fix the overlay problem by using position property just refer w3school how to hover img in the below link they hover the text . you need to replace the text and put img in it
    https://www.w3schools.com/howto/howto_css_image_overlay.asp

    1

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