Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

nothing fancy

Erfan 310

@ERFAN-REVENANT

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@dboca93

Posted

Hi Erfan,

Good work on submitting tasks on FM. I hope you're enjoying your coding experience.

In order to get your card in the middle of the page properly, try putting the card container in a <main> element, than apply the following CSS code to that <main> element:

main {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

That should bring the card into the middle of the page. I hope you found this information helpful, please mark it as helpful if you have time.

Regards Dilan Boca

0

Please log in to post a comment

Log in with GitHub
Discord logo

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