3
respuestas

Creando media Query

En el ejercicio nos pide que cambiemos estilos en pantallas menores de 768px, pero la respuesta que deberia ser correcta que seria @media screen and (max-width: 768px) {} la toma como incorrecta y toma como valida la de @media screen and (min-width: 768px) {}. siendo que esta ultima seria para pantallas mayores que 768 y no para las menores como pide el ejercicio. O estoy entendiendo al reves yo? Muchas gracias

3 respuestas

Cuando hablas de min-width: 768px te refieres que es el maximo que alcanzada y por lo tanto si estas en un celular se hara todas las especificaciones que distes cuando declaras el @media siempre que sea menor a 768. Y cuando es max-width: 768px toma de ese valor hacia abajo, se podra ver ese tipo de diseño en pantallas chicas como el de los celulares.

Se que es complicado pero te dejo un link que te puede servir: https://www.silocreativo.com/media-queries-css/

Justamente, el tema es que el curso se equivoca, tanto gabriel como evelyn tienen razon. dejo una screenshot del problema Toma la opción A como correcta cuando debería ser la opción B

Concuerdo, la opción correcta es la B. Saludos