Skip to content
Submitted almost 3 years ago

NFT preview card using HTML and CSS

Graeme Byrne•520
@grmbyrn
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

Is there anything in this project that could be improved? Finding out how to put an overlay over the image was quite difficult so I hope that looks good.

Community feedback

  • Hiddev•180
    @hiddehulshofPosted almost 3 years ago

    Nicely done!, you could improve your solution by adding <main></main> element, also you could add alt text to your images to comply with accessibility guidelines,

    Also the padding of the .card-container class is to much: try changing it from:

    padding: 2.5rem 2rem 2.5rem 2rem; to padding: 24px;

    Marked as helpful
    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