How to lay out such blocks on flex?

Question

css

Good afternoon!

How to lay out blocks so that, regardless of the number, they are the same in height and the buttons inside always have the same indentation?

Interested in a solution on flex



Thank you!

Answer 1

https://codepen.io/approximate_solution2k20/pen/rNOwwzo
In short, use flex-growfor wrapping text, responsible for the "greed" of the element.