html,css

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @FloraBloomblue,

  Great job on the challenge I see the card is slightly off center.

  If you want to center it vertically and horizontally on the page you can use the following:

  body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
  }
  
  main.container {
      margin: 1rem;
  }
  

  Hope this is helpful, let me know if you have any other questions.

  Marked as helpful

  0

  ---

  

  Pratyusha Majumder•280

  @FloraBloombluePosted about 2 years ago

  @hyrongennike Finally!!! Thankyou so much for your help. I have been struggling through this one, it is lot simpler now when you wrote this. Why have I never tried this? Instead I did the same thing inside the container to check why it's not working...., pretty stupid of me ! 😅

  0

  

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  @FloraBloomblue no not at all now you know I think you were only missing the min-height: 100vh

  Marked as helpful

  0