Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
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


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

Estoy orgulloso del tiempo que me llevo y lo bien que quedó

What challenges did you encounter, and how did you overcome them?

Creo que me sigue costando un poco el tema del CSS, pero es tema de constancia

What specific areas of your project would you like help with?

Quisiera que me ayuden como seccionar el html

Community feedback

Levi 90

@law973

Posted

¡Eh!

Estoy escribiendo esto usando un traductor en línea, así que disculpas si no es tan claro como se pretende.

No tengo mucho que decir, ya que la solución está muy cerca del diseño solicitado. Creo que el texto alternativo de la imagen podría ser un poco más descriptivo («un código QR blanco con un fondo azul.», por ejemplo). Si se va a utilizar un encabezado, no debería saltarse el h1; debería ir siempre en orden descendente (si se necesita que el texto sea más pequeño, se le puede dar un nuevo estilo con una clase o id). Por lo que he aprendido, probablemente usaría un elemento h1 con estilo o incluso un elemento p con estilo para ese texto. Si se va a implementar HTML semántico, consideraría el uso de etiquetas de artículo o sección (quizás convirtiendo el div de caja en un elemento de artículo y el div de texto en un elemento de sección). Todo en el cuerpo podría estar envuelto en un elemento principal, aunque eso puede parecer redundante en este caso, ya que sólo hay un componente para contener y no hay encabezado o pie de página para ir fuera de una etiqueta principal.

Aparte de estas cosas, creo que has hecho un buen trabajo. Buen trabajo.

(Traducción realizada con la versión gratuita del traductor DeepL.com)

1

@1sonn

Posted

Gracias por tus palabras. Justo me salió ese error que deberia poner un h1 en vez de h2, y lo cambíe por un parrafo (p) :) @law973 I also understand a little English.

1

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