Skip to content
Submitted over 2 years ago

NFT preview card using HTML and CSS

Cheyenne Piper•80
@PiperRc
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

Pretty simple. I learnt something new with regards to the hover of one element affecting other elements. Question: I'm still not sure which semantic elements to use in certain situations. Any guidance on that? Thank you!

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted over 2 years ago

    Hi Cheyenne, I took some time to look at your solution and you did a great job!

    Also try to add a little transition on the element with hover effect and instead of using px try to use relative units of measurement -> read here

    Overall you did well :)

    Hope this help and happy coding!

    Marked as helpful
    1
    Cheyenne Piper•80
    @PiperRcPosted over 2 years ago

    @denielden Thank you I'll implent the transition and units.

    1
  • kelvinhe04•340
    @kelvinhe04Posted over 2 years ago

    Great Work!

    Marked as helpful
    1
    Cheyenne Piper•80
    @PiperRcPosted over 2 years ago

    @kelvinhe04 Thank you!

    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