En esta clase, aprendí varios conceptos clave para desarrollar sitios web responsivos, adaptados a diferentes tamaños de pantalla. Estos son algunos de los puntos más importantes:
Media Query: Es una regla en CSS que permite aplicar estilos específicos a diferentes tamaños de pantalla. A través de esta herramienta, es posible cambiar el diseño del sitio web según el ancho de la pantalla del dispositivo.
Responsividad: Es el proceso de crear un diseño que se ajuste y funcione correctamente en cualquier dispositivo, ya sea un teléfono móvil, tablet o computadora de escritorio.
Adaptación del sitio para diferentes tamaños de pantalla: Usando las media queries, podemos modificar las propiedades CSS para que los elementos de la página cambien de disposición y se ajusten de acuerdo al tamaño de la pantalla, proporcionando una experiencia de usuario óptima en todos los dispositivos.
Unidad de medida porcentaje: Esta unidad es ideal para la responsividad, ya que los porcentajes permiten que los elementos se ajusten dinámicamente al tamaño de la pantalla, lo que asegura que el diseño se vea bien en diferentes dispositivos.
