Skip to content
Submitted 3 months ago

pequeña pagina, con targeta de codigo QR que utiliza flexbox

Elian Pujols•30
@ElianPujols
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

  • Raul Galicia•20
    @raulgaliciabPosted 3 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
    Elian Pujols•30
    @ElianPujolsPosted 3 months ago

    Hola @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 GitHub

Join 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