@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
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
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.