Again, the second and third box are given box-flex:1. The first and fourth are given widths. The second box, with slightly more content is finally being allowed a little more space. It seemed it had to have more than the smallest amount of content (it was previously equal to the fourth box) but I need to test a bit more. The second and third box are not sharing the 600px of space left over from the first two boxes equally. The one with the most content takes the most space no matter their order.
1 - Lorem Ipsum only a little bit now. Lorem Ipsum only a little bit now. But add even a slight difference...
2 - Lorem Ipsum only a little bit now. Lorem Ipsum only a little bit more now and then to test.
3 - Lorem Ipsum only a little bit now. Lorem Ipsum only a little bit now. Vary the content be even a tiny bit, and the box with more content (or the first one) will grow larger than the rest.
4 - Lorem Ipsum only a little bit now. Lorem Ipsum only a little bit now.