Как перенести карточки товара так чтобы сверху были карточки всегда кратные трём?

Question

[vlad123032]

Нужно реализовать так чтобы карточки сверху всегда были подряд (кратные 3-ём), нужно как-то из нижних забрать 1 или 2 или вовсе не забирать чтобы сверху было количество всегда кратное 3-ем


maslianik.website/kinoteatr - сайт где можно посмотреть код

Answer 1

[Alice]

.release__inner {
- grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-columns: 1fr 1fr 1fr;
}

Comments

[vlad123032]

Немного не то, мне нужно
Карточки с фильмами разбивает блок с кинотеатрами. При разбивке логика вывода карточек должна повторяться так, как если не было бы блока с кинотеатрами.

Блок кинотеатра выводится по следующей логике:
Десктопная версия – после 4-го ряда с карточками фильмов (16 карточек до блока с кинотеатрами).
Планшетная версия – после 5 ряда (15 карточек до блока с кинотеатрами).
Мобильная версия (2 карточки в ряду) – после 8 ряда (16 карточек до блока с кинотеатрами).
Мобильной версия (1 карточка в ряду) – после 16 ряда (16 карточек до блока с кинотеатрами).

Answer 2

[Chaferka]

Вам понадобится объединить все карточки и блок с кинотеатрами в одном grid-контейнере. Блоку с кинотеатрами прописываете grid-column: 1 / -1; Далее этому-же блоку, но под нужными медиа-запросами прописываете:

grid-row: *здесь номер строки, в которой должен быть блок с кинотеатрами*;