СМИ запросы не работают. Как мне это решить ⇐ Html

[Anonymous]

Итак, я построил веб -сайт, напоминающий шаблон, который я нашел. На веб -сайте есть две сетки, и я хочу изменить количество столбцов и строк с помощью медиа -запросов, чтобы сделать веб -сайт отзывчивым. Тем не менее, медиа -запросы просто отказываются работать должным образом. Есть 2 проблемы: 1) он делает то, что я хочу, но не когда я хочу, 2) это вообще ничего не делает. < /P>

@media screen and (max-width:760px) {
body{
background-color: green;
}
}
< /code>

Это, например, будет работать, но цвет меняется только тогда, когда экран имеет ширину не менее 600 % < /p>

@media only screen and (max-width: 760px) {
#grid {
grid-template-columns: 1fr 1fr ;
grid-template-rows: 2fr 2fr 2fr 2fr;
}
}
< /code>

Это вообще не сработает.
Пожалуйста, помогите, это так разочаровывает, я чувствую себя глупо>

Подробнее здесь: https://stackoverflow.com/questions/621 ... solve-this