El problema que tengo es que la sección de pie de página cuando se ve desde el escritorio responde muy bien y cuando cambio el tamaño del puerto de vista a móvil y tableta, sigue respondiendo. Pero cuando abro la aplicación desde mi teléfono móvil, el pie de página se ve sin estilo.
Así es como se ve desde el escritorio 360px. Muy receptivo ingrese la descripción de la imagen aquí
pero desde mi celular se ve asi ingrese la descripcion de la imagen aqui
Aquí está el enlace del sitio en vivo: https://aginamena.github.io/Designo-Multi-Page-Website-/#/ Aquí está el repositorio de github: https://github.com/aginamena/Designo-Multi-Page-Website-
Este no es un problema de consulta de medios, sino que la propiedad css - position: absolute en el contenedor de pie de página está arruinando la alineación en el navegador Safari. Veo su problema en el modo de diseño receptivo de Desktop Safari y en el navegador Safari del dispositivo iPhone. Escritorio Chrome y dispositivo Android El navegador Chrome carga bien el pie de página.
Sugeriría crear un contenedor de pie de página con la position: relative y otro div con flexión sin usar ningún posicionamiento absoluto. Luego ajuste el margen como lo desee.