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

[Proyecto] lo que hicimos en clase

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 Jhonivánforero!

Gracias por compartir lo que aprendiste en clase. Es genial que estés avanzando en CSS y HTML5. Respecto a tu pregunta, parece que estás buscando una respuesta o tal vez una opinión sobre lo que aprendiste en clase.

En cuanto a la etiqueta meta con las propiedades y valores name y content, es una herramienta muy útil para establecer el ancho de la página y adaptarla al ancho de pantalla del dispositivo. Esto es especialmente importante en la actualidad, ya que existen muchos dispositivos diferentes y cada uno tiene un tamaño de pantalla diferente.

Por otro lado, el uso de @media es una excelente manera de adaptar una página web a diferentes dispositivos. En el código que compartiste, podemos ver que se están aplicando diferentes estilos a los elementos de la página dependiendo del ancho de pantalla. Esto es muy útil para asegurarse de que la página se vea bien en diferentes dispositivos.

En resumen, lo que aprendiste en clase es muy importante para asegurarse de que una página web se vea bien en diferentes dispositivos. ¡Espero haber ayudado y buenos estudios!

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