Как лучше и правильно сверстать блок?

Question

[Максим Воронков]

Добрый день, коллеги. Как лучше сверстать блок и чтоб он корректно отображался в адаптиве?

Answer 1

[Ankhena]

figure -3 штуки
div - 2 штука
обертке display:flex
ширина в %

для img display:block

Comments

[Максим Воронков]

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

[Ankhena]

Василий: против геометрии-то не попрешь

Если высота текста не будет превышать высоту картинки и для figure не задавать высоту, то с пропорциями все будет хорошо.
В обратном случае, если текст выше картинки и высота блоков нужна одинаковая, то пропорции картинки нарушатся.
Либо можно сохранять пропорции, но обрезать лишние края.

Answer 2

[iBird Rose]

изображения блокам ставь через style="background: url"и будет тебе счастье в адаптиве.