en la parte de responsividad , no me aparece el logo
@media screen and (min-width:0) { .logo{ display: none;
}
}
@media screen and (min-width:768) { .logo{ display: block;
}
}
en la parte de responsividad , no me aparece el logo
@media screen and (min-width:0) { .logo{ display: none;
}
}
@media screen and (min-width:768) { .logo{ display: block;
}
}
¡Hola Alvaro Alejandro Alcántara Alcántara!
En relación a tu pregunta sobre la responsividad y el logo que no aparece, parece que estás utilizando media queries en tu código CSS para controlar la visualización del logo en diferentes tamaños de pantalla. Sin embargo, parece que hay un problema en la declaración de tus media queries.
En la primera media query, estás estableciendo que el logo debe tener display: none; en pantallas con un ancho mínimo de 0 píxeles. Esto significa que el logo no se mostrará en ninguna pantalla, ya que todos los dispositivos tienen un ancho mayor a 0 píxeles. Para corregir esto, puedes establecer un ancho mínimo más adecuado, como por ejemplo min-width: 320px;, que es el ancho mínimo comúnmente utilizado para dispositivos móviles.
En la segunda media query, estás estableciendo que el logo debe tener display: block; en pantallas con un ancho mínimo de 768 píxeles. Esto significa que el logo solo se mostrará en pantallas con un ancho de 768 píxeles o más. Asegúrate de que el logo esté correctamente enlazado en tu código HTML y que la ruta del archivo sea correcta.
Aquí tienes un ejemplo corrigiendo las media queries:
@media screen and (min-width: 320px) {
.logo {
display: block;
}
}
@media screen and (min-width: 768px) {
.logo {
display: none;
}
}
Recuerda que estos valores de ancho mínimo son solo ejemplos y puedes ajustarlos según tus necesidades.
Espero que esta información te sea útil y puedas solucionar el problema con el logo en la responsividad de tu página. ¡Si tienes alguna otra pregunta, estaré encantado de ayudarte! ¡Espero haber ayudado y buenos estudios!