Flexbox, where nobody knows the exact size of anything

Flex keywords

initial, none, auto, <positive integer>

flex-wrap: nowrap
Have you hugged your viola today? No E string! The Superior Instrument? Found it! Are you kidding me?
flex-wrap: wrap
Have you hugged your viola today? No E string! The Superior Instrument? Found it! Are you kidding me?

Flexbox basics

Word
This is a sentence.
A rather short sentence.
Word
This is a sentence.
For the purposes of this example, we need a paragraph. Ask me about the red panda hugging a viola. Yes, a VIOLA.

Free space distribution

Give me 1 unit of free space.
Give me 2 units of free space.
I'm fine, no extra space for me.
Give me 1 unit of free space.
Give me 2 units of free space.
I'm fine, no extra space for me.

Aligning flex items

1一
2二
3三
4四
5五
6六
7七
8八
9九
10十
11十一
12十二
13十三
14十四
15十五
16十六
17十七
18十八
19十九
20二十

@hj_chen