У меня при аписании медиа квери, а именно
@media(max-width: 1723px) {
.default-container {
padding: 0 2% 0 2%;
}
}почему то блоки стают один под другим, а не сеткой по 2 как у автора. Вот скрин https://nimb.ws/2yiBoq
В чем может быть проблема? Код идентичен коду автора.
Последовательность важна где какой query идет, вот тут можно посмотреть живой код:
/ru/courses/html-and-css-advanced/interactive-prac-grid-adaptive/
Не в последовательности дело оказалось, последовательность у меня была верна. Дело было в
.posters-now {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.posters {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}У меня было значение 180рх вместо 130.