Flex DirectionFlex Direction

The flex-direction property allows us to set the direction in which the flex items are arranged. By default, this property is set to row, resulting in a left-to-right layout in browsers that use English as the default language.

flex-direction

Let's consider the next website navigation as an example.

row

html

index.html

css

index.css

js

index.js

row-reverse

html

index.html

css

index.css

js

index.js

column

Pay attention to the width of the items. They cover the whole parent width.

html

index.html

css

index.css

js

index.js

column-reverse

html

index.html

css

index.css

js

index.js

question-icon

What does the flex-direction property do?

Select the correct answer

Everything was clear?

Section 4. Chapter 2