Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Desafió de ajustar las otras dos páginas

Despues de agregar el a los archivos contacto.html y productos.html, en el style.css actualize todo de la siguiente forma, use como dispositivo el iphone 12 pro (si copian el código recuerden fijarse los nombres que le pusieron a cada cosa como las class)

@media screen and (max-width:480px){ h1{ text-align: center; } nav{ position: static; } .productos{ padding: 50px; margin: 10px; } .productos li{ display: inline-table; margin: 0 0; padding: 30px 15px; } form{ margin: 40px 25px; } .enviar{ width: 90%; margin-left: 20px; } table{ margin: 40px 90px; } .caja, .principal, .mapa-contenido, .contenido-diferenciales, .video, .productos{ width: auto; } .lista-diferenciales, .imagen-diferenciales{ width: 100%; } }

1 respuesta

¡Hola Estudiante!

Gracias por compartir tu código con nosotros. Parece que estás tratando de ajustar la apariencia de las páginas de contacto y productos en dispositivos móviles utilizando media queries.

Sin embargo, no estás haciendo ninguna pregunta específica en tu publicación. ¿Hay algo en particular en lo que necesitas ayuda? Si nos proporcionas más información sobre el problema que estás enfrentando, estaré encantado de ayudarte a encontrar una solución.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)