haga lo que hicimos

Hola, Meiby, espero que estés bien

Para mejorar la responsividad de tu proyecto en pantallas más pequeñas, puedes seguir estos pasos:

1. Ajustar el "padding" de la clase .presentacion:

   Asegúrate de que el "padding" se adapte bien a pantallas más pequeñas. Puedes usar media queries para aplicar un "padding" diferente en dispositivos más pequeños. Por ejemplo:

   @media (max-width: 768px) {
       .presentacion {
           padding: 10px; /* Ajusta este valor según necesites */
       }
   }
   

2. Refinar el ancho del contenido en .presentacion__contenido:

   Si el contenido sigue ocupando mucho espacio, ajusta su ancho también usando media queries:

   @media (max-width: 768px) {
       .presentacion__contenido {
           width: 90%; /* Ajusta este valor según necesites */
           margin: 0 auto; /* Centra el contenido */
       }
   }
   

3. Evaluar el efecto de width: auto:

   Cambiar el ancho a auto puede ayudar a que el contenido se ajuste automáticamente al espacio disponible:

   @media (max-width: 768px) {
       .presentacion__contenido {
           width: auto;
       }
   }
   

Prueba estos ajustes y verifica cómo se ve en diferentes tamaños de pantalla.

Espero haber ayudado y buenos estudios!