QR code component

Community feedback

• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted over 2 years ago

  Jesús, en los diseños como este, para que el elemento te quede en el centro de la pantalla tienes que darle al body un

  min-height: 100vh

  Con esto te aseguras que tu body va a tener como mínimo el mismo alto que la pantalla donde se está visualizando.

  Después aplicas lo que te comenté en en desafío anterior, lo de display: flex;. Se lo aplicas al body, ya que el body es el elemento padre de lo que quieres centrar. En este caso como tienes más de un elemento ( div con la clase container y el div con la clase attribution ) vas a tener que agregar

  flex-direction: column;

  Para centrar esos dos elemento, tanto verticalmente como horizontal. Te quedaría algo así 👇

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

  Marked as helpful

  0

  ---

  

  Jesus Ramos•60

  @Chuchin2107Posted over 2 years ago

  @Enmanuel-Otero-Montano Gracias! en el tercer desafio lo aplicaré

  1