pequeña pagina, con targeta de codigo QR que utiliza flexbox
Design comparison
Solution retrospective
Estoy orgulloso de haber podido crear mi primer proyecto y poder compartirlo con los demás. Por otro lado no estoy seguro de si hare algo diferente la proxima vez. A continuar mejorando...
What challenges did you encounter, and how did you overcome them?El desafio mas grande hasta ahora fue entender como estaba estructurado el ejercicio y lo solucione buscando ayuda en google.
What specific areas of your project would you like help with?En el planteamiento del proyecto antes de inicial este mismo
Community feedback
- @raulgaliciabPosted 4 months ago
Hola Elian!
Viendo el projecto en línea creo que podrías enfocarte más en que las dimensiones sean más exactas al diseño original, como por ejemplo los padding o los border-radious. Algo que me ayudó mucho fue basarme en el archivo de Figma para ver las medidas exactas.
Algo que igual noté en el código es que pusiste la imagen en el mismo contenedor que los textos. Podría ayudar el ponerlos de forma separada para controlar mejor el flujo y los estilos.
De igual forma se podría trabajar más en el responsive design. En algunas dimensiones pequeñas de celulares los textos se salen de sus contenedores.
Podrías intentar usando font-size: 62.5% en la etiqueta html, para así usar rem en el font-size de los textos
Gran trabajo!
0@ElianPujolsPosted 4 months agoHola @raulgaliciab Gracias por las sugerencias. He corregido de mejor manera los márgenes y el texto que se sobresale del contenedor, y he adaptado de mejor manera al tamaño mobile gracias a tus indicaciones.
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