Skip to content
Submitted almost 2 years ago

NFT Preview Card

Hanana•170
@meantoes
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 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
    @bkpechoPosted almost 2 years ago

    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
    @meantoesPosted almost 2 years ago

    @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

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