Karen Gómez
Eso no me funciona a mi, y está tal cúal con lo del video.
Valeria Montiel
Estoy igual :(
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; } }
Karen Gómez
Eso no me funciona a mi, y está tal cúal con lo del video.
Valeria Montiel
Estoy igual :(
Juan Jose Tibaldo
pregunto lo mismo.. porque uso asterisco y corchete en este caso.. alguien puede responder ??
Daniloo Morales
Hola @Juanjo890, el asterisco significa todas las etiquetas. Estos significa tener el poder de modificar cualquier etiqueta que esté disponible en el html.
los corchetes con class --> genera especificación …
Por tanto *[class=“hide”] ----> le dice al navegador que lo interprete asi:
Apliquele a cualquier etiqueta de html que tenga en sus atributos la clase hide, las propiedades de la clase, es este caso display: none
Espero te sea claro… ¡Nunca pares de aprender! 🚀🚀🚀
Juan Jose Tibaldo
Hola Marta.. por que en este caso se usa asterisco y corchete ?
Daniloo Morales
Hola @Juanjo890, el asterisco significa todas las etiquetas. Estos significa tener el poder de modificar cualquier etiqueta que esté disponible en el html.
los corchetes con class --> genera especificación ...
Por tanto *[class="hide"] ----> le dice al navegador que lo interprete asi:
Apliquele a cualquier etiqueta de html que tenga en sus atributos la clase hide, las propiedades de la clase, es este caso display: none
Espero te sea claro... ¡Nunca pares de aprender! 🚀🚀🚀
Mercy María Ix Ballote
Juan Carlos Wilches Niño
Así quedó mi estructura pero no me di cuenta en que momento se hizo el tema de los espacios entre los modulos. Puntualmente los botones verdes
Cristina Aragon
Estos estilos que estás aplicando de [class=“hide”] y [class=“txt-mobile”] se van a seguir respetando si el cliente reenvía nuestro email? Porque es un problema que me he encontrado maquetando emails. Cuando especificas según que estilos en los media queries, luego al reenviar se pierde todo...
Jorge Paiva
Pensando en dispositivos móviles: Un riesgo es que parte del Responsive (estilos, selectores, pseudo, etc) no funcione en muchas apps de correo, incluso en el mismo navegador safari, Chrome, y otros que se usa por defecto en los equipos nuevos. Aparte de testear localmente con Remote Debuging habrá otras herramientas locales u online efectivas para validar cómo va quedando lo que se va maquetando?
Pablo Montañez
Pensar en el usuario -> maquetar -> combinar técnicas
Cristina Aragon
Estos estilos que estás aplicando de [class="hide"] y [class="txt-mobile"] se van a seguir respetando si el cliente reenvía nuestro email? Porque es un problema que me he encontrado maquetando emails.