No elemento Pai

display: flex;

flex-flow: row nowrap /*Esse vem por padrão*/

Exemplo de bloco A

Exemplo de bloco B

Exemplo de bloco C

Exemplo de bloco D

flex-flow: row 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-flow: row 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-flow: column 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-flow: column 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