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

Yu Dan

@SelfReflectiveHeilbronn, Germany30 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • CSS Flexbox, HTML Div, HTML Basic, Max Width, Hoverstate, Positioning


    Yu Dan•30
    Submitted over 3 years ago

    1 comment

Latest comments

  • Abdallah Hassan•20
    @Abdallahhassan186
    Submitted over 3 years ago

    NFT preview card

    1
    Yu Dan•30
    @SelfReflective
    Posted over 3 years ago

    Hey great work!

    You could change the hover states too! I think those haven´t been implemented yet.

    Marked as helpful
  • Anthony Rosman•510
    @D3press3dd
    Submitted over 3 years ago

    Nft Card Component Solution

    5
    Yu Dan•30
    @SelfReflective
    Posted over 3 years ago

    Great Work Anthony Rosman!

    I especially like the hovering on the main Image its REALLY smooth. Gotta learn how to do that ;)

    One thing that i would like to mention ( its very suddle) is the ETH Symbol, its slightly larger than the text nexto it. If you look closely on the Sample the Icon is exactly in the middle of the text nexto it.

    I did it by putting both elements in a div and then adding flexbox. after that align the items in the center - that should do it. But im sure there are many different way to do it :D

    Cya Yu

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