Skip to content
Submitted 10 months ago

Price Component Challenge

programmeur77•100
@programmeur77
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Why am I unable to center vertically main-grid-container on. the body ? It always remains on the top of the page ?

Community feedback

  • Rafael Dias•900
    @rafaeldgeoPosted 10 months ago

    hi! @programmeur77 Congratulation for your challenge!

    I think that you set width and height in the body. Remove they from the body and create the selectors:

    html, body { width: 100%; height: 100%; }

    I hope work!

    0
    programmeur77•100
    @programmeur77Posted 10 months ago

    @rafaeldgeo Hi buddy, Muchas Gracias for your answer to my question. I didn't go back on the code yet, but I think that it is because, in the body, once displayed in grid, I used place-content: center instead of place-items: center.

    But thank you so much again for your reply :) See you ! :)

    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