Медиа-запрос не работает для сайта, размещенного на страницах Github ⇐ CSS

[Anonymous]

Я создаю новый одностраничный сайт, и по какой-то причине мой медиа-запрос не работает? Если я изменю размер браузера, он будет работать нормально, но если я зайду на размещенный сайт на страницах GitHub на мобильном устройстве, мне все равно будет предоставлена ​​настольная версия? Сайт размещен здесь: https://russdog.github.io/mellish/

Интересно, что у меня возникла такая же проблема с проектом, который я недавно отправил. Полностью реагирует на изменение размера браузера, но никогда при посещении на мобильном устройстве и размещении на страницах GitHub: https://russdog.github.io/ColmarAcademy/

Кто-нибудь может мне помочь? выяснить, почему?

HTML здесь:







Andrew Mellish (+27) 82 509 0224 | info@mellishvineyards.com
Wine of Origin Durbanville, Cape Town.
Welbeloond Farm, Cnr of Potsdam Rd. & Malibongwe Dr. Cape Farms, Cape Town.

© Mellish Family Vineyards


CSS is here:

/* MOBILE VERSION */

@media only screen and (max-width: 768px) {
.desktopMain {
display: none;
}

.mobiMain {
display: flex;
flex-flow: column nowrap;
}

.mobiLogo {
display: flex;
justify-content: center;
flex-flow: row nowrap;
width: 100%;
}

.mobiLogo img {
width: 90%;
height: 90%;
}

.mobiDetails {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
padding-bottom: 2rem;
}

.mobiDetails p {
height: auto;
text-align: center;
line-height: 1.3rem;
font-size: 1.2rem;
}

#mobiContact {
font-size: 3rem;
}

.mobiCopyright {
display: flex;
align-items: center;
flex-direction: column;
font-size: 1rem;
}
}


Подробнее здесь: https://stackoverflow.com/questions/556 ... thub-pages