Skip to content
Submitted over 2 years ago

nft-preview-card

nimbul30•110
@nimbul30
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'm having an issue with the footer of the page. (if you can call it a footer), however I cant seem to line up the text next to the avatar.

All suggestions to make this better are welcome!

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    Hey man congrats on finishing the challenge!

    To answer your question, the problem with your img is because you are using the img selector to select the NFT image and those styles are also applied to the avatar img. Add a class to the NFT img and put those styles there.

    To center the footer, try using flex, is the easiest way to center elements in one line.

    Finally would recommend you to don't use pixels, try with relative units such as rems or %, those will make your site much more responsive with less code!.

    Hope my feedback helped you!

    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