Flexbox by Michael PERARD

What is Flexbox ?

Flexbox is an HTML layout module, with it you can align, justify and set the direction of your content.

To use this layout a container is required, instead of beeing a block or inline, he is going to be flex.

display:flex; align-items:center; justify-content:center;

This property set direction of the items in the container.

display:flex; flex-direction:column; align-items:center; justify-content:center;

This property specifies whether the items in the container wrap or not.

display:flex; flex-wrap:wrap; align-items:center; justify-content:center;

This property is used to justify the items in the container.

display:flex; justify-content:space-between; align-items:center;

This property is used to aligns all the items in the container.

display:flex; align-items:flex-end; justify-content:center;

This property is used to aligns the lines of items in the container.

display:flex; align-content:flex-start; flex-wrap:wrap; align-items:center;