Estoy repasando el curso de "barberia alura" para hacer la pagina apta para moviles. Junto con el profesor hicimos la parte de "HOME" para moviles y nos dejo como tarea hacer los otros por nuestra cuenta. Mi duda es por que la class .caja modificada en el curso no afecta a las otras paginas. En "productos" no lo cambio y en "contactos" tampoco.
PRODUCTOS
<div class="caja">
<h1><img src="html/logo.png"></h1>
<nav >
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="contacto.html"> Contactos</a></li>
</ul>
</nav>
</div>
</header>CSS: obviamente con el @media screen and (max-width:480px)
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video, .productos, header{
width: auto;
}
