Flexbox

No Flex

1
2
3
4
5
6

Flex

1
2
3
4
5
6

Flex With More Content

When flexing, the flex items will default to content size

1 - This is more content than before.
2 - This is more content than before.
3 - This is more content than before.
4 - This is more content than before.
5 - This is more content than before.
6 - This is more content than before.

Flex Direction!

You can shift things back into a vertical orientation.

1 - This is more content than before.
2 - This is more content than before.
3 - This is more content than before.
4 - This is more content than before.
5 - This is more content than before.
6 - This is more content than before.

Sizing with Flexbox

You can use the usual methods of sizing things, like height, width, margin, and padding.

1 - This is more content than before.
2 - This is more content than before.
3 - This is more content than before.
4 - This is more content than before.
5 - This is more content than before.
6 - This is more content than before.