2
respuestas

[Duda] no se aplica uno de los @media

Hola buenas, resulta que estoy realizando la responsividad de la pagina de platillos. entonces estoy en la parte de hacerlo adaptable a móviles con lo que realizo lo siguiente:

@media screen and (min-width: 0px){ .logo{ display: none; } };

hasta ahí todo bien, el logo desaparece pero luego llega la parte de hacer que el logo aparezca y se quede en pantalla luego de que esta mida 768px ó más por lo que pongo lo siguiente:

@media screen and (min-width: 768px){ .logo{ display: block; } };

pero al poner ese nuevo @media no aparece el logo en pantalla y solo queda vigente el primer @media que es para que el logo en pantallas de móviles desaparezca. agradezco la ayuda gracias.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

2 respuestas

Hola Andy, para que la imagen se muestre, prueba display: inline; que es con la que las etiquetas vienen por defecto. Espero te sirva.

aún no amigo, y para los demas cambios de responsividad me sirve usar el @media sin poner el "screen and" no sé por qué