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

5c9a2b7d6b02d056330194.jpeg
и как адабтировать её, чтобы на мобильной версии эти блоки съезжались в один столбец и стояли уже не в шахматном порядке, а друг под другом?
  • Вопрос задан
  • 296 просмотров
Решения вопроса 3
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Коротко, вот так
Ответ написан
Комментировать
sinneren
@sinneren
Например, так. https://jsfiddle.net/dvpLrfc8/5/
Ответ написан
Комментировать
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Адаптивность тоже завёз. Выравнивание текста и счетчика будет по верхней границе блока на телефонах, потому что так правильнее, чем если бы они были по середине, как на полной.

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы