Flexbox - Part 2

The Flex Property

You can use the flex property for easy proportional sizing.

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 Wrap

Wrapping works really well, as long as you make the sizes work out and set the flex-wrap property.

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.

Justify Content

If there is extra space between things, you can control what you do with that.

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.

Align Items

If there is extra space between things, you can control what you do with that.

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.