Как сделать гибко картинки?

Question

[olya_097]

тоесть можно было любые картинки по высоте и ширине вставлять
и по центру

как на скриншоте



https://codepen.io/Olya097/pen/WNNjzep

Answer 1

[Ibishka]

display flex, justify-content space between, align items center.

Answer 2

[Андрей Федоров]

Добавьте

.resources__image img {
  width: 100%;
}

Comments

[olya_097]

Андрей Федоров, но по высоте она не станет одинаковой

[Андрей Федоров]

olya_097, если у них разный aspect ratio почему высота должна быть одинаковой? В принципе можете добавить еще height: 145px;

[olya_097]

Андрей Федоров, а можно как то сделать через свойство флексов? без height: 145px;

[Андрей Федоров]

olya_097, ну а как? вам все равно придется так или иначе ограничить высоту flex-блока.