Propriedades CSS do Flexbox

Desafio

Elabore uma documentação detalhada, com exemplos, sobre cada propriedade relacionada ao conceito de Flexbox (Flexible Box) no CSS.

Sua documentação deve ser o mais detalhada e didática possível, de forma que explique claramente o funcionamento e uso das seguintes propriedades:

1. display: flex
2. justify-content: (cada possível valor)
3. flex-direction: (cada possível valor)
4. align-itens: (cada possível valor)
5. flex-wrap: (cada possível valor)
6. flex-flow: (shorthand para flex-direction + flex-wrap)
7. align-content: (cada possível valor)