Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solución código QR

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola, buenas tardes.

Desarrollando este proyecto aun tengo dificulta con el diseño responsive.

Community feedback

Account Deleted

Buen trabajo!! Si no te importa, tengo algunas sugerencias:

  • Si utilizas vscode, este meta se mantiene <meta name="viewport" content="width=device-width, initial-scale=1.0"> , no lo manipules. Esto permite que tu HTML sea responsive.
  • Evita los div's, utiliza etiquetas semánticas: main, header, footer, section, etc. Por ejemplo: cambiaría el <div class='contenedor'> por <main>
  • Todo HTML debe tener un H1. Puedes tener varios h2, h3 .. pero solo un h1. El <p class='text_Negrilla'> lo cambiaria por un <h1>
  • En tu CSS a la clase contenedor le haz dado un width en porcentajes, ok; pero al max-width dale en rem, no en porcentaje. Puede ser max-width: 22rem por ejemplo.

Soy autodidacta, he aprendido mucho con Dorian Desings, enseña muy bien. Es muy largo de ver pero con velocidad x2 no lo sientes mucho 😁 y creeme vale cada segundo. HTML: https://www.youtube.com/watch?v=vz4z0RLcAyk&t=16734s CSS: https://www.youtube.com/watch?v=N8V5JhasaSE&t=10s

No te rindas!! 😉

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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