Как правильно сверстать блоки flex на bootstrap 4?

Question

[WebforSelf]

Друзья, есть 6 блоков в ряд

https://jsfiddle.net/4vb7fecp/

Изображения по высоте разные. Как сделать блок с изображением одинаковым, а изображение чтоб центровалось по вертикали. ну и соответственно текст под изображением тоже чтоб был на одной высоте. Как с помощью классов bootstrap 4 (flex ) это правильно реализовать.

Answer 1

[Антон]

.uslugi_img { height:100px; object-fit: cover; }

а изображение чтоб центровалось по вертикали

по вертикали чего?

Comments

[Ярослав]

object-position: center - будет по центру и по вертикали и по горизонтали. А в целом должно быть так

.uslugi_img {width: 100%; height: 100%; object-fit: cover; object-position: center;}