LO QUE APRENDIMOS

Hola Piero, espero que estés bien

¡Qué bueno que hayas aprendido sobre media queries y la importancia de las unidades relativas como el porcentaje! Estos son conceptos clave para crear sitios web responsivos que se vean bien en cualquier dispositivo.

Las media queries te permiten aplicar diferentes estilos CSS según las características del dispositivo, como el ancho de la pantalla. Por ejemplo, podrías tener un diseño de dos columnas en una pantalla grande y cambiar a una sola columna en dispositivos móviles usando algo como esto:

@media (max-width: 768px) {
  .contenedor {
    flex-direction: column;
  }
}

En cuanto a las unidades relativas, como el porcentaje, son muy útiles para que los elementos del diseño se ajusten automáticamente al tamaño de la ventana. Por ejemplo, definir el ancho de un contenedor como width: 50%; hará que ocupe la mitad del espacio disponible, independientemente del tamaño total de la pantalla.

Espero que estos ejemplos te ayuden a consolidar lo que has aprendido en la clase. ¡Sigue explorando y practicando estos conceptos!

Espero haber ayudado y buenos estudios!

Pero en esta clase aprendimos el concepto fundamental que es la media query que va a comprometer como se debe utilizar esa aplicación a nivel de diseño web y ajustamiento de ese diseño para que pueda responder de forma adecuada. Ya que permite poder adquirir descubrimientos en como poder aplicar los estilos de forma específica para que se pueda adaptar a diferentes tamaños de esa pantalla, esto para poder asegurar que en ese diseño para que se vea de manera correcta en los dispositivos móviles como sucede en las computadoras de escritorio.