Как в флекс боксе создать блок с высотой не равной родителю, а равный контенту?

Question

[GoodPirojok]

Как сделать блок main равный высоте его контента, а не родителя?
https://jsfiddle.net/db9p0nsv/

Answer 1

[Михаил]

.main {
height: max-content;
}

Comments

[GoodPirojok]

спасибо!

Answer 2

[tyzberd]

align-items: flex-start;