Design comparison
Solution retrospective
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
Community feedback
- @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
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord