O flex-direction é uma propriedade de flex-container, ou seja, a definimos na div.pai e permite que os elementos fiquem em linha row, linha-invertida row-reverse, coluna column ou coluna-invertida column-reverse.
1 - HTML;
2 - CSS;
3 - JavaScript (em contrução);