Frontend Mentor - Solución a Huddle landing page with alternating feature blocks

Esta es una solución al Desafío de Huddle landing page with alternating feature blocks en Frontend Mentor.

Tabla de contenido

• Visión general
  • El reto
  • Capturas de pantalla
  • Enlaces
• Mi proceso
  • Construido con
  • Lo que aprendi
  • Desarrollo continuo
  • Recursos útiles
• Autor

Visión general

El reto

Los usuarios deben ser capaces de:

• Ver el diseño óptimo en función del tamaño de la pantalla de su dispositivo
• Ver los estados hover de los elementos interactivos

Capturas de pantalla

• Escritorio

• Móvil

Enlaces

• URL de la solución (Frontend Mentor): Solución en Frontend Mentor
• URL del sitio en vivo: En vivo

Mi Proceso

Construción

• HTML semántico
• Variables CSS
• Flexbox
• Accesibilidad web
• Media queries
• Responsive desing
• Efectos hover
• Animaciones
• Loanding (HTML5)

Lo que aprendi

• Aprendi a modificar el color de los SVG
• Mejore aun más el como construyo el responsive desing

Recursos útiles

• MDN Web Docs - Suelo usar este recurso porque explica muy bien todo además de que tiene una documentación muy amplia.
• IONICONS - Es una página de iconos bastante sencilla de usar.

Autor

• Codepen - @boudgnosis
• Frontend Mentor - @boudgnosis
• Twitter - @juan_ariasd
• Dev - @juan_duque
• Linkedink - juan pablo arias duque