Skip to content
Submitted about 3 years ago

NFT Card Component using HTML and CSS

Shefali•250
@WebdevShefali
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any suggestions or feedback on how I can improve my code are most welcome!

Code

Please log in to post a comment

Log in

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hi there! 👋

    Good effort on this challenge! 👍

    Two (or more) things can be done better.

    • Alternative text for images should not contain any words that are related to image (e.g. picture, photo, logo, icon, graphic, avatar, etc). It's already an image element so the screen reader will pronounce it as an image. Also, it should not be hyphenated (like code).
    • All the icons are decorative images. So, leave the alt="" empty.
    • There should not be text in span and div alone whenever possible. Instead, wrap the text with a meaningful element like a paragraph element.

    That's it! Hope you find this useful!

    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