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