Skip to content
Submitted about 2 years ago

NFT Card using CSS

ReeAya•40
@ReeAya
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. I'm a newbie and gave this NFT card a good try. I would love any feedback on areas to improve or better ways to build it. Thanks in advance!

Community feedback

  • Saul•1,260
    @xsaulPosted about 2 years ago

    Hello, ReeAya nice job to be your first challenge! There are better ways to center the content instead of using position relative. I would recommend "margin: 0 auto" and you can modify the " 0" depending on which distance you wanna for the top and bottom.

    The card should be bigger so you should check out your height and width values.

    Also, you forgot to add a shadow to the card to make it look nicer.

    And if you removed the info from the footer would be better if you directly delete the footer tag.

    Check those details and your work will be much better!

    Marked as helpful
    0
    ReeAya•40
    @ReeAyaPosted about 2 years ago

    @xsaul Thanks for commenting. I will retry it with your suggestions. Thanks for the feedback :)

    1
    Saul•1,260
    @xsaulPosted about 2 years ago

    @ReeAya Great, lemme know when you reupload it! Happy coding 😄

    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