Как я могу изменить количество карт в строке начальной загрузки с помощью медиа -запросов? ⇐ CSS

[Anonymous]

Код: Выделить всё

< /code>
Этот Div содержит карты, отображаемые на веб -странице. Когда он стоит, когда будет отображаться размер экрана. Окно, чтобы сделать его меньше, все работает так, как должно, однако, при приближении к концу размера экрана XL карты начинают перекрывать горизонтально. Это также происходит между показанными 3 картами, и показаны 2 карты. цели. Вот как это выглядит: < /p>
  @media (min-width: 1200px) and (max-width: 1450px) {
background-color: red; // Test if this is applied
}

@media (min-width: 990px) and (max-width: 1050px) {
background-color: red;
}
< /code>
Мой вопрос заключается в том, что я могу сделать, чтобы настроить количество отображаемых карт, чтобы в первом теге @Media вместо отображения 4 карт отображает 3. < /p>
и для второй тег @Media Что я могу сделать, чтобы отображать 2 вместо 3 карт. < /p>

Подробнее здесь: https://stackoverflow.com/questions/775 ... ia-queries