Как реализовать это в вёрстке?

Question

[shoumen]

Нужно реализовать в верстке вот такой блок:

Нужно, чтобы блок был адаптивный, и высота текста всегда совпадала с высотой картинки.

Answer 1

[Roman_2017]

Засунь их в один div

Comments

[gleendo]

Roman_2017 Отличный совет

[Roman_2017]

Ето вы с еронией?(((

[Артур Карапетян]

Roman_2017, Это* ; иронией*

[Максим Тимофеев]

Все верно. 1 родитель. Текст растягивает родителя, а картинка на фоне с background-size: cover;

Answer 2

[Алексей Скляров]

Создаем флекс контейнер, помещаем в него два блока: один с картинкой, другой с текстом, для блока с текстом пишем свойство overflow:hidden;

Comments

[dulgeoion]

Наверное лучше overflow: scroll, ведь текст там наверное не просто так.

Answer 3

[Максим]

https://codepen.io/MaximLensky/pen/BwEBJz?editors=1000 так?

Answer 4

[4mobile]

flex родителю + картинку выводить бэкграундом блока

Answer 5

[alex-1917]

Перефразируй свой вопрос и получишь как минимум половину ответа)))
Как сделать высоту картинки равной высоте текста.
Т.е. меняем высоту картинки в зависимости от размеров блока, в котором она находится.
В css это так height:auto;
А размеры блока этого будут стартовать от высоты текста.