Submitted 3 months ago

Componente responsive de código QR hecho con tailwind, react

Arnaldo Romero• 10

@Arnaldocloud

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Me siento feliz de haber realizado este reto ya que lo lleve un poco mas alla de html y css me gustaria realizar algo mas complejo, esto es nuevo para mi de pasar diseños a web

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

me enfrente al desafio de estilarlo con tailwind css lo supere ayudandome con la documentacion y unos videos

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

en aplicar la mejores practicas para un codigo limpio

Community feedback

Carlos Maracara👷👨‍💻• 780

@MaracaraCarlos

Posted 3 months ago

Hola Arnaldo felicidades por completar el desafío, aquí te escribo algunas consideraciones para poder mejorar tu código.

Para hacer tu HTML semantico puedes usar <section>, <main>, <header> en vez de <div>. Aqui te dejo un enlace donde puedes ampliar la información. Elementos semánticos HTML5 explicados
Debes tener especial cuidado con la responsividad de tu imagen y el contenedor. Aquí dejo otro enlace que te servirá de ayuda Tutorial de imágenes responsivas en CSS: Cómo hacer que las imágenes sean responsivas con CSS
Debes colocar el color correcto al titulo.

Arnaldo Romero• 10

@Arnaldocloud

Posted 3 months ago

@MaracaraCarlos muchas gracias, estare viendo esos articulos para seguir mejorando

Please log in to post a comment

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