Skip to content
Submitted over 2 years ago

NFT Card Component

Arnold Rubi•20
@arnoldrubi
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

Hi guys! This is my second output for Front End Mentor. I used multiple box shadows to get the subtle shapes behind the NFT card. I don't know if this is the right method. Feedback are much appreciated. Thank you and cheers from the Philippines!

Community feedback

  • Dabinder Udhan•420
    @dabinderudhanPosted over 2 years ago

    Your image tag should have "alt" attribute. And incase of icon and svg images you can leave the vale of the "alt" attribute blank and add the "aria-hidden=true".

    Rest you did a good work. Keep coding.

    Marked as helpful
    1
  • Aldo Adabunu•290
    @KwakuAldoPosted over 2 years ago

    You need to adjust the "3 days left", push it a bit to the right.

    1
  • Shambashib Majumdar•0
    @shambashib20Posted over 2 years ago

    I guess adjusting the padding of the divs inside the "3days left" portion, can solve its positioning issues. Overall the solution looked cool! I will start designing this one!

    1
  • Arnold Rubi•20
    @arnoldrubiPosted over 2 years ago

    Thank you very much! I neglected the alt attribute during coding. I'll update them ASAP.

    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