Как создать сетку на css в шахматном порядке, чтобы адаптивилась?

Question

[Сергей Бурдужа]

Есть картинки товара. Нужно подсвечивать товары через одного и чтобы сохранить порядок при масштабировании.


Я в данной ситуации использовал flexbox, но жутко неудобно править при изменении размера экрана.
Кто знает решение? Поделитесь...

Answer 1

[Pavel Karinin]

Тут недавно "игрались" в такую задачку, и Владимир Проскурин решал ее, посмотрите тут, и адаптируйте под свои нужды.

Comments

[Сергей Бурдужа]

Нет, это не то. Он просто задал четным фоновый цвет и блоки просто уменьшаются при адаптиве. А мне нужно, чтобы перестраивались.

[Сергей Бурдужа]

Хорошо, вы меня убедили))

Answer 2

[Aleksey Solovyev]

:nth-child(odd) или :nth-child(even)
https://www.w3schools.com/cssref/sel_nth-child.asp

https://jsfiddle.net/nsqdaown/

Comments

[Сергей Бурдужа]

Спасибо, что ответил. Попробую, потом отпишусь.