Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
2
Leonardo de Souza Nunes
@LeoSouzaNunes

All comments

  • Heidel Oliver•30
    @Heidelol
    Submitted over 3 years ago

    NFT card Flex solution

    2
    Leonardo de Souza Nunes•100
    @LeoSouzaNunes
    Posted over 3 years ago

    Hi, first of all good job. About the active state you could try to set a <div> with background-image instead of a <img> and inside of it another <div class="active-state"> with background-image that will be activated with .active-state:hover in your css. I hope that it can help, you can also check it out the same project on my profile.

  • chory12•40
    @chory12
    Submitted over 3 years ago

    NFT card component

    2
    Leonardo de Souza Nunes•100
    @LeoSouzaNunes
    Posted over 3 years ago

    Instead of declare a image tag in your index.html you could set a div and place the image with the background-image property in your CSS file. I believe that with this approach would be easier to set another div inside of the main image and make the same process but this time with :hover{background-image:}.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub