Atividade 01 de Flexbox

Testando comandos de estilo:

Adicione os estilos abaixo no código-fonte e veja o que acontece com os elementos.

1. Altere a propriedade justify-content modificando o valor para flex-end (era "flex-start");
2. Altere a propriedade justify-content modificando o valor para space-between;
3. Altere a propriedade justify-content modificando o valor para center;
4. Altere a propriedade align-items modificando o valor para flex-end (era "flex-start");
5. Altere a propriedade align-items modificando o valor para center;
6. Altere a propriedade flex-direction modificando o valor para column (era "row");

Agora é com você!

Desafio: como será que eu faço para deixar os elementos da maneira abaixo?