Skip to content
Submitted about 3 years ago

NFT preview card component

Khalil Nazari•220
@khalilnazari
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Dear members,

It is the second submission for this challenge because the first one had a few bugs which is removed in the solution. The code is improved based on the comment on the previous solution.

Kindly comment on your idea about this submission.

Thanks & regards,

Khalil

Code

Please log in to post a comment

Log in

Community feedback

  • T.Praveen•870
    @gwtpraveen

    Congratulation on completing the challenge.

    • In terms of accessibility issues simply wrap all your content between main tags.

    • Instead of an a tag, I recommend wrapping your img tag in a div tag.

        <div class="image-wrapper">
        <img class="ntf-img" src="./images/image-equilibrium.jpg" alt="">
    </div>

    Happy Coding!!

  • AgilitiesZ•310
    @phichayut-pak

    Congratulations on your fixed submission 🎉🎉 What I would suggest here is :

    1. Make the eye bigger ( the one that appears when you hover the image )
    2. change the font and font size of the title Equilibrium #3429
    3. Optional Do some transitions to make the website more alive

    Happy Coding!

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