Skip to content
Submitted about 2 years ago

NFT Preview Card Component - HTML AND CSS

Sameer Singh•560
@SameerJS6
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

Go on then, and give your feedback on this. Took me around 1.5 hours to build this with animations. So, Please tell me how is it ?!....

Community feedback

  • romila•3,570
    @romila2003Posted about 2 years ago

    Hi Sameer,

    Congratulations 🎉 for completing this challenge, it was a great attempt. The card looks great and is responsive. I like the hover effect too.

    1. Regarding the accessibility issues, it is best practice to wrap the main content within the main tag which would ensure that your content is wrapped within the correct landmarks e.g. <main class="container"></main>
    2. You should also wrap the footer within the footer tag e.g. <footer class="attribution"></footer>

    Overall, great attempt and wish you the best for your future projects so keep coding 👍.

    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