Challenge 1 - QR Code Component

Community feedback

• 

  Adriano•38,120

  @AdrianoEscarabotePosted about 1 month ago

  Olá Gabriel Maranhão, Seja bem-vindo a plataforma Front-end Mentor.

  Espero que você esteja bem! Adorei o resultado do seu projeto, mas tenho algumas sugestões que podem ser úteis:

  para você conseguir centralizar o card na tela, você precisa fazer isso:

  body {
      background-color: hsl(212, 45%, 89%);
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      justify-content: center;
  }
  

  Tente evitar ao máximo usar margin ou padding para centralizar algo, sempre prefira flexbox ou grid.

  O resto está muito bom!

  espero que seja útil. 👍

  Marked as helpful

  1

  ---

  

  Gabriel Maranhão•30

  @Gmatters0Posted about 1 month ago

  Olá, @AdrianoEscarabote.

  Obrigado pelas boas vindas e pela sugestão, não sabia do uso do min-height com o justify-content.

  Fiz os ajustes recomendados e ficou bem melhor!!

  0
• 

  Matheus de Farias Cavalcanti Santos•40

  @matheusdefariasPosted about 1 month ago

  Looks like your solution is pretty close to the target. Very nice!

  0