Design comparison
Solution retrospective
me quedo bien?
Community feedback
- @DavidMorgadePosted over 2 years ago
Buenas Angel, enorabuena por terminar el challenge!
He revisado tu código y me he fijado que tu imagen no carga correctamente, esto se debe a que no estás introduciendo la ruta correctamente, prueba con
src="./qr-code-component-main/images/image-qr-code.png"
.Otra cosa que me he fijado es que el componente no está centrado del todo y esto se puede conseguir de manera sencilla con un par de lineas de código, para elllo primero de todo sácale el
min-height
y elmargin
a tucontainer
, y después podrás alinearlo con flexbox en el body así:body { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
Con eso ya te quedaría tu componente completamente centrado!
Espero que me feedback te sea de ayuda, cualquier duda que tengas no dudes en comentarla, buen trabajo por lo demás!
1
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