Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

Responsive NFT Preview Card Design

@wasp0094

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first submission on FrontendMentors, all feedback is appreciated.

Community feedback

Account Deleted

I see you didn't center the card. If you add these settings to the body, it'll make it happen.

display: flex;
justify-content: center;
align-items: center;

This is my solution, you can check out if you want

https://www.frontendmentor.io/solutions/nft-preview-card-with-pure-css-Mn5ZTbJGi

0

@wasp0094

Posted

@Wrieed Hey, thanks for the feedback! Unfortunately, these settings are not able to vertically center the card. I'd tried various methods for the same as well, still unsuccessful.

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