Frontend Mentor - Solución al componente 3 column preview card

Esta es una solución al Desafío del componente profile card en Frontend Mentor.

Tabla de contenido

• Visión general
  • El reto
  • Capturas de pantalla
  • Enlaces
• Mi proceso
  • Construido
  • 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

Recursos útiles

• MDN Web Docs - Suelo usar este recurso porque explica muy bien todo además de que tiene una documentación muy amplia.

Autor

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