Skip to content
Submitted over 3 years ago

NFT preview card using HTML and CSS

Graeme Byrne•520
@grmbyrn
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Hiddev•180
    @hiddehulshof

    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

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