Currently, I am in the process of working on a website stored in a Github repository that I have also published live on another server for testing purposes involving APIs and databases. However, after transferring an exact duplicate of the Github files to the new server, I noticed that the media queries are not functioning properly on both desktop and mobile devices. Strangely enough, they seem to work fine when accessed directly from Github.
I attempted to clear the cache on my devices to no avail. Even after clearing the cache, resizing the browser window manually on my computer causes the site to shrink down, but inspect tools do not show responsiveness. On my phone, the site does not adapt to different screen sizes at all. Despite being informed that it may take 24-72 hours for sites to fully migrate, I am unsure if this migration delay is the cause of the issue, as I originally published the site on Sunday night, February 14th, 2021. Another individual viewed the site on their computer and claimed that it appeared to be responsive for them.
This project marks my first experience in publishing a site, so I am still learning about the intricacies involved. What other factors could potentially be affecting the responsiveness of the site? I will share the link to my website along with a screenshot displaying its appearance on a mobile device.https://i.sstatic.net/rGvsB.png