Muy bueno el desafío que nos dejo el profe Christian, de poder adaptar "solitos" el código CSS de las páginas productos.html y contacto.html. Me rompí el coco pero valió la pena resolverlo sola con los conocimientos aprendidos en esta AULA. VAMOS POR MAS!!!!!
También pegar la etiqueta dentro del head de productos.html y contacto.html
@media screen and (max-width:480px) {
h1{
text-align: center;
}
nav{
position: static;
}
.caja, .principal, .mapa-contenido, .contenido-diferenciales, .video, .productos{
width: auto;
}
.lista-diferenciales, .imagen-diferenciales, .productos li, textarea{
width: 100%;
}
}