All comments

• 

  AmineMsa•20

  @AmineMsaSubmitted over 1 year ago

  Hola buenas este es mi proyecto finalizado con mi conociemiento pero no me quedo igual alguien sabe en que lo puedo mejorar por ejemplo no se quiere centrar verticalmente

  

  Ayuda codigo qr

  1

  20
  

  Sebastián Estupiñán•10

  @sebastian6551Posted over 1 year ago

  Hola, en general el componente y la imagen están bien, si quieres mejorar el texto considerar usar las fuentes y los colores que van incluidos en el archivo style-guide.md. Con respecto a cómo centrar verticalmente, una opción es utilizar Flexbox, para ello añade lo siguiente en el body de styles.css:

  body {
      margin: 0 auto;
      min-height: 100vh;
      align-items: center;
  }
  

  Debes dejar las propiedades que ya tienes: display:flex; justify-content:center; para que quede centrado vertical y horizontalmente. Así que el body quedaría así:

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

  Aquí puedes encontrar en español la explicación de esas propiedades: mdn web docs.

  Saludos.

  0