Brodward asdasd
PreguntaNo me funciona nada de los estilos css responsive que aplico, alguien sabe porque ?
Dejo codigo html y css, gracias por la ayuda
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta name="description" content="Este es un sitio de producto genial"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/estilos.css"> <link rel="stylesheet" href="css/mobile.css"> <title>BRAND📦</title> </head> <!-- Cierra head --> <body> <nav> <img src="images/logo.png" alt=""> <ul> <li> <a href="#">Faqs</a></li> <li> <a href="#">Producto y descripción</a></li> </ul> </nav> <h1 class="main_section"> Este es un producto increible, no se que haces viendo que lo puedes tener </h1> <!-- Inicio productos --> <div class="products"> <div class="product"> <div class="content"> <div class="image-product"> <img src="images/box1.png" alt=""> </div> <h3>Producto 1</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> <button class="main_btn"> Lo quiero </button> </div> </div> <div class="product"> <div class="content"> <div class="image-product"> <img src="images/box2.png" alt=""> </div> <h3>Producto 1</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> <button class="main_btn"> Lo quiero </button> </div> </div> </div> <!-- Fin productos --> <!-- Inicia beneficios --> <div class="beneficios"> <div class="beneficio"> <div class="content_beneficio"> <img src="images/b1.png" alt=""> <h3>Los mas suavecitos</h3> <p class="text_beneficio"> Miles de productos hay en el mercado, pero nada como una caja con gatitos </p> </div> </div> <div class="beneficio"> <div class="content_beneficio"> <img src="images/b2.png" alt=""> <h3>Lo más increíble</h3> <p class="text_beneficio"> Miles de productos hay en el mercado, pero nada como una caja con gatitos </p> </div> </div> <div class="beneficio"> <div class="content_beneficio"> <img src="images/b3.png" alt=""> <h3>Lo mas confiable</h3> <p class="text_beneficio"> Miles de productos hay en el mercado, pero nada como una caja con gatitos </p> </div> </div> </div> <!-- Fin beneficios --> <hr> <!-- Inicia menciones --> <h2 class="mention_title">Menciones</h2> <div class="mentions"> <div class="mention"> <div class="content_mention"> <img src="images/p1.png" alt=""> <div class="text"> <h3>Mario</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> </div> </div> </div> <div class="mention"> <div class="content_mention"> <img src="images/p2.png" alt=""> <div class="text"> <h3>Mario</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> </div> </div> </div> <div class="mention"> <div class="content_mention"> <img src="images/p3.png" alt=""> <div class="text"> <h3>Mario</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> </div> </div> </div> <div class="mention"> <div class="content_mention"> <img src="images/p4.png" alt=""> <div class="text"> <h3>Mario</h3> <p>Miles de productos hay en el mercado, pero nada como una caja con gatitos</p> </div> </div> </div> </div> <!-- Fin de menciones --> <!-- Inicio de footer --> <footer> <div class="option">Terminos y condiciones</div> <div class="option">contacto@brand.com</div> </footer> <!-- Fin de Footer --> <!-- Script --> <script src="scripts/script.js"></script> </body> <!-- Cierra body --> </html> <!-- Cierra html -->
@media (max-width:600px) {
.products {
display: inherit;
height: auto;
}
}
}
Jhonny Lincol Quispe Navarro
No tiene cambios por que el valor del display es inherit es decir que el valor lo esta heredando de su padre, cambia el inherit por flex que es otro valor y veras un cambio en la estructura de tu página.
Espero te ayude.
Carlos José González Juan
me refiero a alguna regla dentro de los archivos css. Estás llamando bien al archivo, pero si una regla está mal dentro del archivo, el html lo puede descartar, con lo que te da un archivo vacio. En otras palabras, puedes tener 100 reglas en el archivo, pero al haber un error en una, el html no lee las 100 reglas.
Brodward asdasd
No, estoy llamando bien el archivo, tengo bien los nombres de las carpetas. cual sera el error?
<link rel="stylesheet" href="css/mobile.css">```
Carlos José González Juan
Quizás porque tienes algún error en el código en los archivos css. Te funciona el HTML pero al pedir el css no te lo reconoce porque está incorrecto. ¿Puede ser?
