¡Hola Estudiante, espero que estés bien!
Me alegra saber que estás disfrutando del proceso de aprendizaje sobre responsividad en el diseño web. La capacidad de adaptar un sitio para diferentes dispositivos es fundamental hoy en día.
En la actividad "Haga lo que hicimos", parece que estás en el camino correcto al utilizar clases como presentacion__imagen para establecer anchos relativos, como width: 50%, lo cual es una excelente práctica para asegurar que las imágenes se ajusten bien en diferentes tamaños de pantalla.
Un consejo práctico es siempre verificar cómo se ve tu diseño en varios dispositivos utilizando la herramienta "Inspeccionar" del navegador. Puedes simular diferentes tamaños de pantalla, como móviles o tablets, y ajustar márgenes y otros estilos para mejorar la experiencia del usuario.
Además, recuerda aplicar el mismo enfoque de anchos relativos a otros elementos, como el contenido de texto y los enlaces de navegación, para garantizar que todo el sitio sea responsivo. Por ejemplo, si defines el ancho del texto o los enlaces como 50%, asegúrate de que estos elementos se vean bien y sean legibles en pantallas más pequeñas.
Espero que estos consejos te sean útiles y te ayuden a seguir avanzando en tus proyectos. ¡Espero haber ayudado y buenos estudios!
