Как отрегулировать расположение блоков внутри блока?

Question

[Дмитрий Смыков]

Есть flex-родитель, в котором 2 flex-блока-ребёнка, в этих детях есть инлайны - иконка и кнопка (для их отображения по центру) и параграф с описанием. Проблема в том, что расположение кнопки зависит от длины описания, что совсем неудобно. Как сделать так, чтобы кнопки независимо от описания находились на одной линии?

Answer 1

[WQP]

.item {
   display: flex;
   flex-direction: column;
}

.item .description {
   flex: 1;
}

Comments

[Дмитрий Смыков]

Большое спасибо, разобрался, очень помогло!

Answer 2

[Александр Филиппенко]

flexible-boxes.wstone.io/#~(1~(c~(~2)~d~'column~t~'body)~2~(t~'main~g~1~c~(~3~4~5)~d~'column~jc~'space-between)~3~()~4~(g~1)~5~())
Либо как указал WQP, либо через фиксированные высоты контейнеров с иконкой и кнопкой, и благодаря flex-родителю всё встанет ровно.