Qr-code-challeng

Community feedback

• 

  Davidson Aguiar•320

  @davidsonaguiarPosted 8 months ago

  Hey friend, how are you?

  I noticed that your card is not centered. You can use the min-height property on the body and set the min value to 100vh and use flex box or grid to center it.

  Center using flex box:

  body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  Center using flex grid:

  body {
      min-height: 100vh;
      display: grid;
      place-content: center;
  }
  

  Links

  • CSS Units
  • Basic concepts of flexbox
  • CSS Grid Layout Module

  1

  ---

  

  MaxCodeCraft•90

  @MaxCodeCraftPosted 8 months ago

  @davidsonaguiar Thank you for this feedback, I should have used flexbox or grid instead of transition: translate(-50%, -50%) on my project too.

  0