Как сверстать такую штуку?

Question

[Наталия]

и как адабтировать её, чтобы на мобильной версии эти блоки съезжались в один столбец и стояли уже не в шахматном порядке, а друг под другом?

Answer 1

[Владимир Проскурин]

Коротко, вот так

Answer 2

[sinneren]

Например, так. https://jsfiddle.net/dvpLrfc8/5/

Answer 3

[Rustam Bainazarov]

Адаптивность тоже завёз. Выравнивание текста и счетчика будет по верхней границе блока на телефонах, потому что так правильнее, чем если бы они были по середине, как на полной.