Diseño y Maquetación para Emails 📬

Ejercicio de Platzi

Este template de correo esta hecho de modo ESCALABLE.

Un email escalable, como su propio nombre indica, mantiene el mismo diseño en todas las versiones de dispositivos, pero va escalando su contenido proporcionalmente al ancho de pantalla en el que se está visualizando.

Podríamos resumir así las características de un email escalable:

• No se utilizan media queries, por lo tanto, funciona en todos los entornos.
• El código está formado por una sola columna y está basado en porcentajes en vez de píxeles o max-width (anchura máxima).
• Suelen tener texto grande para una buena lectura en pantallas pequeñas y también imágenes grandes.
• Los botones deben tener una buena altura para que sean touch-friendly.
• Son fáciles de programar, ya que cuentan con un solo diseño que se verá bien tanto en pantallas de escritorio como en dispositivos móviles. Conlleva menos tiempo y recursos de programación.
• No es un verdadero email diseñado para mobile.

Fuente aquí

Ir al curso de diseño email

Demo

Ver la plantilla en https://vidaldev.github.io/template_escalable/