Flex (`flex`)

Preview
Source

Auto (flex-auto)

Fill (flex-fill)

1 (flex-1)

2 (flex-2)

3 (flex-3)

4 (flex-4)

5 (flex-5)

6 (flex-6)

7 (flex-7)

8 (flex-8)

9 (flex-9)

10 (flex-10)

11 (flex-11)

12 (flex-12)

<p class="flex-auto">Auto (flex-auto)</p> <p class="flex-fill">Fill (flex-fill)</p> <p class="flex-1">1 (flex-1)</p> <p class="flex-2">2 (flex-2)</p> <p class="flex-3">3 (flex-3)</p> <p class="flex-4">4 (flex-4)</p> <p class="flex-5">5 (flex-5)</p> <p class="flex-6">6 (flex-6)</p> <p class="flex-7">7 (flex-7)</p> <p class="flex-8">8 (flex-8)</p> <p class="flex-9">9 (flex-9)</p> <p class="flex-10">10 (flex-10)</p> <p class="flex-11">11 (flex-11)</p> <p class="flex-12">12 (flex-12)</p>