Урок 153 курс html/css advanced, не работает media query?

У меня при аписании медиа квери, а именно

@media(max-width: 1723px) {
    .default-container {
        padding: 0 2% 0 2%;
    }
}

почему то блоки стают один под другим, а не сеткой по 2 как у автора. Вот скрин https://nimb.ws/2yiBoq

В чем может быть проблема? Код идентичен коду автора.

html

css

2 ответов

Не в последовательности дело оказалось, последовательность у меня была верна. Дело было в

.posters-now {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }

  

    .posters {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }

У меня было значение 180рх вместо 130.

Последовательность важна где какой query идет, вот тут можно посмотреть живой код:

https://fructcode.com/ru/courses/html-and-css-advanced/interactive-prac-grid-adaptive/