Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Flex Direction | Flexbox

Flex DirectionFlex Direction

The flex-direction property enables us to determine the direction in which 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. You can set it to:

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 entire width of the parent.

html

index.html

css

index.css

js

index.js

column-reverse

html

index.html

css

index.css

js

index.js

What does the flex-direction property do?

Select the correct answer

Everything was clear?

Section 4. Chapter 2

Flex DirectionFlex Direction

The flex-direction property enables us to determine the direction in which 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. You can set it to:

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 entire width of the parent.

html

index.html

css

index.css

js

index.js

column-reverse

html

index.html

css

index.css

js

index.js

What does the flex-direction property do?

Select the correct answer

Everything was clear?

Section 4. Chapter 2
some-alt