Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
2

Leonardo de Souza Nunes

@LeoSouzaNunesBrazil100 points

I'm just a curious guy from Brazil trying to get into the front-end world and learn some new stuff.

Latest solutions

  • Responsive layout using CSS properties.

    #accessibility

    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    0 comments
  • Social proof section using SASS

    #sass/scss

    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    2 comments
  • Built with SASS and React

    #react#sass/scss

    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    1 comment
  • Responsive layout using SASS

    #sass/scss

    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    2 comments
  • First time using SASS

    #sass/scss

    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    1 comment
  • First time with CSS Grid


    Leonardo de Souza Nunes•100
    Submitted over 3 years ago

    1 comment
View more solutions

Latest 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

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

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