Как с помощью flex растянуть блоки по всей ширине и привести к единой высоте?

Question

[NkDev]

Имеются 2 картинки разной ширины и высоты.

Имеется блок див переменной ширины (минимальная ширина - 300px, максимальная ширина - 800px). Высота никак неограниченна.

Необходимо расположить эти два изображения в блоке div в один ряд, при этом привести их к единой высоте и растянуть их общую ширину на всю ширину блока. Естественно пропорции должны сохраняться. Изображения могут быть как background блока.

Скажите, возможно ли это не прибегая к JS?

Если да то как?

Comments

[FeST1VaL]

картинку сделай или песочницу

Answer 1

[profesor08]

Задай картинкам 100% ширину и какую-то фиксированную высоту, потом с помощью свойства object задай отображение и позицию картинки.