Técnicas Avanzadas de Responsive Design para Móviles

Clase 31 de 36 • Curso de Diseño y Maquetación para Emails

Clase anteriorSiguiente clase

Resumen

Vamos a esconder elementos o aumentar el tamaño de fuente de los textos de acuerdo al tamaño de pantalla de los usuarios.

Para esto vamos a añadir clases especiales a nuestros elementos en HTML para indicarle al CSS que ciertas partes del email deben aumentar su tamaño o no deben aparecer en ciertos dispositivos:

@media screen and (max-width: 420px) {
        // ...
        *[class="hide"] { display: none !important; }
        *[class="txt-mobile"] {
                font-size: 18px !important;
                line-height: 125% !important;
        }
}