Skip to content
Submitted almost 3 years ago

NFT-preview using Grid

Walid Mostafa•200
@wella4life
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 still struggle on centering my entire content even when I make a container and use grid on it

what am I doing wrong?

Community feedback

  • Benja.min•740
    @BenjaDotMinPosted almost 3 years ago

    Hello Walid!

    • Remove margin-top:50px from .container
    • Add to body: display: grid; place-items: center; min-height: 100vh;
    Marked as helpful
    1
    Walid Mostafa•200
    @wella4lifePosted almost 3 years ago

    @BenjaDotMin omg thank you so much

    it actually worked and I think I know why. I didn't place a height before. you helped me a lot thank you again

    1
    Benja.min•740
    @BenjaDotMinPosted almost 3 years ago

    @wella4life Absolutely no problem, I fall into the same trap!

    Marked as helpful
    0
  • Misael Valdez•0
    @misaellvzPosted almost 3 years ago

    Did you try it with display : flex ? justify-content: center?

    0
    Walid Mostafa•200
    @wella4lifePosted almost 3 years ago

    @misaellvz did so as well and it still wont center

    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