QR Code 3rd Solution

Community feedback

• 

  Kukuh Wijanarko•190

  @kkhwjnrkPosted over 1 year ago

  To properly center the content, you can move the properties from the body element to the main element and adjust the min-height: 90vh;. Additionally, you may need to reduce the top margin on the .attribution

  body {
    background-color: hsl(212, 45%, 89%);
  }
  
  main {
    min-height: 90vh;
    display: grid;
    place-items: center;
  }
  

  Marked as helpful

  1
• 

  Clea Carty•20

  @CNash23Posted over 1 year ago

  At least the reporter found no issues. The first time I did this challenge I think it was centered better when I used margins. So I wonder what the issue could be. This is the author of this challenge project CNash23.

  0

  ---

  

  Atif Iqbal•3,200

  @atif-devPosted over 1 year ago

  @CNash23 Probably, you didn't change the code in GitHub repository... In body selector replace place-items: center; with place-content: center; and in .attribution selector remove margin-top: 6.25rem; After doing changes card will be centered.

  Marked as helpful

  1