Skip to content
Submitted over 2 years ago

NFT Card Preview HTML and CSS

Moses•130
@mtenkorang
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

The overlay proved tricky. Got it working(a bit) but the svg looks faint. The alignment of the price and days left don't look so accurate.

Community feedback

  • Aadvik•1,250
    @Aadv1kPosted over 2 years ago

    Your design is great just a little suggestion -- add a media query for smaller screens like so -- @media only screen (min-width: 375px) {} and here you can maybe adjust some fonts and the width of the card.

    0
    Moses•130
    @mtenkorangPosted over 2 years ago

    @Aadv1k Thanks for the recommendation. Included it. Looks much better on mobile now. Thanks

    1

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