Esta es una solución al desafío del componente QR code en Frontend Mentor. Los desafíos de Frontend Mentor te ayudan a mejorar tus habilidades de programación construyendo proyectos realistas.
Aquí está una captura de pantalla de mi solución.
-
URL de la solución: https://github.com/Romina-Almiron/qr-code-component.git
-
URL del sitio en vivo: https://romina-almiron.github.io/qr-code-component
- Marcado semántico HTML
- Propiedades personalizadas de CSS
- Flexbox
- Mobile-first
Este proyecto me ayudó a aprender cómo estructurar una página web sencilla usando HTML semántico y estilizarla con CSS. Un momento clave de aprendizaje fue aplicar Flexbox para centrar los elementos y hacer que el diseño sea responsivo en dispositivos móviles.
También aprendí cómo crear un componente visualmente atractivo usando solo HTML y CSS básicos sin necesidad de frameworks.
Mi plan es seguir mejorando mi comprensión del diseño responsivo experimentando con CSS Grid. También quiero incorporar características avanzadas de CSS y JavaScript para agregar interactividad a proyectos futuros.
- Sitio web - Romina Almiron
- Frontend Mentor - @Romina-Almirón
- Linkedin - Romina Almiron
Quisiera agradecer a Frontend Mentor por proporcionarme este desafío. Me ayudó a practicar y mejorar mis habilidades con HTML y CSS en un escenario real.
