.item{ flex:1; }

Flex item1

Flex item2

Flex item3

.item1{ flex:1; } .item2{ flex:3; } .item3{ flex:1;}

Flex item1

Flex item2

Flex item3

.item{ flex:1 0 200px; }

Flex item1

Flex item2

Flex item3

.item1{ flex:0 1 300px; } .item2{ flex:0 3 300px; } .item3{ flex:0 1 300px; }

Flex item1

Flex item2

Flex item3