Как выравнять элементы в нескольких строках?

Question

[Gagatyn]

Здравствуйте. Код
У детей разный размер ширины или высоты. Подскажите, как выравнить детей так, чтобы они располагались подобно в колонку? Между строками(блоками) есть еще контент. У строк класс одинаковый.

Answer 1

[Vladimir]

flex-direction: column;

Comments

[Gagatyn]

Сейчас так. У меня не получилось добиться при помощи flex выравнивания элементов с разной шириной. Хотел добиться выравнивания, будто бы ширина одинаковая.

[Vladimir]

не получиться, flex, что space-around, space-between будет выравнивать элементы внутри блока flex по отступам или по промежуткам между ними. Если элементы разной ширины, то и зазоры/промежутки будут разные.

[Gagatyn]

Vladimir, можете подсказать альтернативу, как добиться эффекта выравнивания?

[raw1]

Если не нравится flex, посмотри в сторону css-grid

[Gagatyn]

raw1, дело не в нравится, а в достижения результата

[Vladimir]

Gagatyn, честно говоря ничего в голову не приходит, кроме костылями в табличной верстке ковыряются с объединением строк/столбцов