Flexible Box

        flex-direction: row;
        flex-wrap: wrap;

Exemplo de bloco A

Exemplo de bloco B

Exemplo de bloco C

Exemplo de bloco D

Exemplo de bloco E

Exemplo de bloco F

Exemplo de bloco G

        flex-direction: row;
        flex-wrap: wrap-reverse;

Exemplo de bloco A

Exemplo de bloco B

Exemplo de bloco C

Exemplo de bloco D

Exemplo de bloco E

Exemplo de bloco F

Exemplo de bloco G

        flex-direction: row-reverse;
        flex-wrap: wrap;

Exemplo de bloco A

Exemplo de bloco B

Exemplo de bloco C

Exemplo de bloco D

Exemplo de bloco E

Exemplo de bloco F

Exemplo de bloco G

        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;

        Shorthand
        flex-flow: row-reverse wrap-reverse;

Exemplo de bloco A

Exemplo de bloco B

Exemplo de bloco C

Exemplo de bloco D

Exemplo de bloco E

Exemplo de bloco F

Exemplo de bloco G