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

Question

[idafanasew]

Добрый день/вечер. Подскажите пожалуйста, каким способом мне сделать вот эти карточки? Пробывал через лишки, так не понимаю как мне выровнять картинки по вертикали как на макете. Подскажите пожалуйста, как мне сделать эти картинки как на макете. Картинку прекрепляю.

Comments

[ambisinister One]

тогда сначала сюда)

[idafanasew]

ambisinister One, Без гридов не получится?

[ambisinister One]

idafanasew, 6 столбцов по три эмблемы.
По длинам логотипов найти подходящие по длине и скомпоновав по размерам, отцентрировать по центральной вертикальной оси каждого столбика. А дальше мудрить с размерами.
Проще я не знаю...)

[idafanasew]

ambisinister One, Спасибо за помощь. Буду насиловать клавиатуру дальше)

[Ankhena]

idafanasew, для флекса с главной осью по горизонтали за вертикальное выравнивание внутри строки отвечает align-items.

В гридах аналогично.

Answer 1

[Nick Felker]

Попробуй с помощью flex задать justify-content: space-evenly, что равномерно распределит расстояние между элементами

Comments

[idafanasew]

Тогда получается вот такое