Skip to content
Submitted over 3 years ago

NFT Card Preview (Desktop Version)

Ali Mousavi Nizhad•270
@mnizhadali-afg
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Just updated the final version :)

Happy coding to everyone.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Travolgi 🍕•31,280
    @denielden

    Hi Ali, great work and congrats on completing the challenge!

    • For center the card give height and align-items: center; properties to body. Note: Flexbox aligns to the size of the parent container.
    • You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.
    • Remove all margin from nft-card class
    • Add the status :hover to the image and title elements
    • Try adding a little transition on the element with hover effect

    I hope that helps ;) Keep it up!

  • Ali Mousavi Nizhad•270
    @mnizhadali-afg

    @anoshaahmed - Thank you so much dear Anosha :) And again, the final edit is at github repo! It did not change here :P

  • Anosha Ahmed•9,300
    @anoshaahmed

    Hey good job on this challenge! Have at least one <h1> in your code

    Hope this helps :)

  • Ali Mousavi Nizhad•270
    @mnizhadali-afg

    Thank you so much for feedback. How much should be the value for (vh) in body?

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