Как сверстать адаптивно такой блок?

Question

[MRcracker]

Как адаптивно сверстать такой блок, чтобы иконка была слева, а весь текст был справа? Пробовал использовать flexbox, но блок рассыпается. Большое, спасибо за помощь

Answer 1

[Никита Егоров]

Ну вот адаптивный вариант

Comments

[MRcracker]

скажите, а как правильно сделать, чтобы их было 2 ряда по 3 блока с иконкой и текстом? Это еще одна из проблем которая была при реализации

[Никита Егоров]

MRcracker, через медиа запросы пропишите нужно поведение - https://jsfiddle.net/Svupol/8gdhfa2k/22/

Answer 2

[Otrivin]

Обычная сетка; иконку ставите бэкграундом, назначаете паддинг слева под размер иконки.

Кажется, здесь так реализовано spadayhome.ru

Comments

[MRcracker]

в вашем примере блоки не перестраиваются, а просто уменьшаются. Такой пример адаптивности к сожалению не подходит