Skip to content
Submitted almost 3 years ago

nft preview card component solution using HTML/CSS

Karthikeyan•20
@karthi802
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

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    To get rid of the accessibility/HTML issues shown in your Report, wrap everything in your body in <main> ... OR use semantic tags ... OR give role="" to the direct children of your <body> ... Click here to read more

    Great job! :)

    0
    Karthikeyan•20
    @karthi802Posted almost 3 years ago

    @anoshaahmed Thanks for your help, I'll look into it :)

    1
  • gabriele2k9•80
    @Gabry091Posted almost 3 years ago

    Hey man! I really like your solution, but i think you could improve it by decreasing the height of the main card, and adding a transition to the main image hover using *** transition: .5s all ease ***. Great job, and happy new year!

    0
    Karthikeyan•20
    @karthi802Posted almost 3 years ago

    @Gabry091 Thanks man! I'll improve the design and Happy new year!!

    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