Haga lo que hicimos

Hola, Carlos, espero que estés bien

Para mejorar la responsividad de tu diseño en pantallas más pequeñas, aquí tienes algunos consejos basados en el código que compartiste:

1. Ajuste del Espaciado:

   • Veo que ya has aplicado padding: 5% a la clase .presentacion. Esto debería ayudar a reducir el espacio excesivo en los laterales. Si aún parece muy apretado, podrías considerar reducir este valor un poco más, por ejemplo, a 3%.

2. Refinando el Ancho del Contenido:

   • Asegúrate de que la clase .presentacion__contenido también tenga un ancho adecuado. Puedes establecer un max-width para que no ocupe todo el ancho disponible. Por ejemplo:

     .presentacion__contenido {
       max-width: 90%;
       margin: 0 auto;
     }
     

   • Esto centra el contenido y asegura que no se extienda más allá del espacio deseado.

3. Uso de width: auto:

   • El uso de width: auto en .presentacion__contenido debería permitir que el contenido se ajuste automáticamente al espacio disponible, respetando el padding aplicado. Asegúrate de que no haya otros estilos que sobrescriban este comportamiento.

Espero que estos ajustes te ayuden a mejorar la visualización en dispositivos más pequeños. ¡Bons estudios!