1
respuesta

Lo que aprendimos en la clase

  1. Conocimos una etiqueta meta con las propiedades y valores name y content para que una pagina web, que establece el ancho de la página para seguir el ancho de pantalla del dispositivo (que variará según el dispositivo)..

2.Aprendimos como adaptar una pagina web dependiendo en que tipo de dispositivo sea abierto con @media es útil cuando deseas modificar tu página web o aplicación en función del tipo de dispositivo.

@media screen and (max-width:480px){
    h1{
        text-align: center;
    }
    nav{
        position: static;
    }
    .caja, .principal, .mapa-contenido, .contenido-diferenciales, .video {
        width: auto;
    }
    .lista-diferenciales, .imagen-diferenciales{
        width: 100%;
    }
}
1 respuesta

Hola Alumno, espero que estés bien!

Gracias por compartir tu código con nosotros, nos alegra mucho que estés practicando programación, la práctica es fundamental para consolidar tus nuevos conocimientos.

Te recomiendo que compartas la solución de tus ejercicios en nuestro servidor de Discord, allí tenemos un canal exclusivo para eso (#comparteTuCodigo) y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos.

Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte.

¡Vamos juntos!

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