Skip to content
Submitted about 2 years ago

NFT preview card component / CSS - HTML

Cristian Rincon•350
@crisanrimor
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

I used pseudo elements like ::after, I hope I have used them correctly to solve the challenge. Feedback welcome.

Community feedback

  • Account deleted

    your solution looks good to me but I notice you declared alt attribute to the images icons [.card__icon, card__usericon] which is not advisable to do that because if ever the src in the img is wrong the alt attribute you declared will be come out because of that there is a possibility the surrounding layout of the img will become mess because of the text width from the alt attribute you declared so much better use this alt="" you only used this if you know the img you will used is not big enough basically if the img seems like icon.

    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