flex-shrink 1
p.flex1 {
}
First paragraph
Second paragraph. It is much longer than the others, so we can see how flexboxes behave.
A bit of text outside a paragraph.Third paragraph. An image 
for your convenience.
Fourth paragraph.
Back to the index.
flex-grow and flex-shrink
p.flex1, p.flex4 {
flex-grow: 2;
}
No mention of flex2 and flex3
Par 1
Par 2
Par 3
Par 4
p.flex1, p.flex4 {
flex-grow: 2;
}
p.flex2, p.flex3 {
flex-grow: 1;
}
Par 1
Par 2
Par 3
Par 4
p.flex1 {
flex-grow: 1;
}
Par 1
Par 2
Par 3
Par 4
p.flex1 {
}
First paragraph
Second paragraph. It is much longer than the others, so we can see how flexboxes behave.
A bit of text outside a paragraph.Third paragraph. An image for your convenience.
Fourth paragraph.
blah CONTINUE