Skip to content
Submitted over 3 years ago

NFT Card Component

Arnold Rubi•20
@arnoldrubi
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • Dabinder Udhan•420
    @dabinderudhan

    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
  • Aldo Adabunu•310
    @KwakuAldo

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

  • Shambashib Majumdar•0
    @shambashib20

    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!

  • Arnold Rubi•20
    @arnoldrubi

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

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