css3 - 怎样用flew布局成 左边边两列 右边三列的布局？

Question

如图 怎样做成这样的布局 移动端自适应 我现在是左边的第一个p 高度不能自动适应 求指点

Answer 1

Is this what you mean?
https://jsfiddle.net/d9h7oht8/

Answer 2

Thank you for your answer. I revised it again

item1 {
flex: 2
}

item2 {
flext: 1;
}

With this modification, the effect can be achieved without height. Thank you