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

NFT Preview Card

Hananaβ€’ 170

@meantoes

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


Hi! I had struggle on how to make the card stay on the center of the page.. and um like, when you use grid, do you give the template a value or do you use max-width? or is there any better way to do so?πŸ₯²

and is that okay to use units like vh and vw??

I'd appreciate any feedback to my codeβ­πŸ™†πŸ»β€β™€οΈ

Community feedback

Bryan King Pechoβ€’ 230

@bkpecho

Posted

Hey there great job!

I think what you're looking for is this. Instead of wrapping everything from .images to .creator directly with the Main. Try wrapping it all first with a div, and now you can place that div inside the main. You can then set flex to your main and easily center your card. Happy coding!

Marked as helpful

0

Hananaβ€’ 170

@meantoes

Posted

@bkpecho umm i see, I did the same way but the parent is body. I'll use your advice next time! thank you so much⭐⭐

1

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