Skip to content
Submitted almost 3 years ago

NTF-Card HTML/CSS

thomasluizon•110
@thomasluizon
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

this is my solution to the NFT card challenge, i don't know if the way i did the hover part is correct so i would be delighted to receive answers about that.

Community feedback

  • Web Wizard•5,690
    @rsrclabPosted almost 3 years ago

    Hi, @ThomasLuizon ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like the way you implemented hover effect on NFT image itself. Also BEM structuring is also wonderful.

    Here are some of the tips I like to provide.

    1. I suggest you to try transition also on heading and creator name.
    2. Responsiveness doesn't look good. I think adding max-width: 100% to card container would be better at this moment.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful
    1
  • sb101-beep•60
    @sb101-beepPosted almost 3 years ago

    Nice hover effect :-)

    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