¡Hola! En esta clase aprendimos sobre la importancia de adaptar nuestro diseño web para que se vea bien en diferentes tamaños de pantalla. Para lograr esto, usamos unidades de medida relativas como porcentajes (%).
Primero, cambiamos el ancho de la imagen a un 50% para que se ajuste al tamaño de la pantalla. Luego, hicimos lo mismo con los botones, que también estaban definidos en píxeles. Finalmente, ajustamos el ancho de la sección de contenido a un 50% para que todo se vea bien en diferentes dispositivos.
También aprendimos a crear espacio entre elementos usando la propiedad gap en CSS.
