Tengo presentaciones muy diferentes del diseño de mi aplicación web usando un dispositivo móvil de herramientas de desarrollo en un navegador de escritorio y el diseño de mi aplicación usando un navegador móvil real después de la implementación.

Si ejecuta mi proyecto desde GitHub en su computadora, verá que el diseño responde incluso usando "dispositivo móvil" en las herramientas de desarrollo del navegador. Pero si revisa el proyecto implementado a través de su dispositivo móvil (navegador móvil real, Android e IOS), verá que tiene contenido desbordado de algunos divs al realizar una búsqueda utilizando la funcionalidad principal de la aplicación (simplemente busca una ubicación y una fecha para ver el pronóstico del tiempo y verás que el contenido se desborda).

No se como solucionarlo porque en modo dev tools esta funcionando perfectamente, asi que no encuentro el problema. ¿Alguien podría revisarlo para ayudarme, por favor?

Repositorio de GitHub: https://github.com/Janaina-MJ/FEND-Capstone-travel-app.git

Despliegue del proyecto: https://got-a-plan.herokuapp.com

PD1: Funcionaba perfectamente hasta hace unos meses, hacía tiempo que no trabajaba en este proyecto. Acabo de notar el nuevo error cuando usé la aplicación recientemente.

PS2: No se preocupe si la imagen se carga fuera del orden correcto a veces, es otro error que aún no sé cómo resolver (porque estoy aprendiendo a codificar).