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

Course Content

CSS Fundamentals

CSS Fundamentals

1. Introduction to CSS
2. Text Styles
3. Box Model and Element Spacing
4. Flexbox
5. Decorative Effects

bookFlex 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:

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

row

html

index

css

index

js

index

copy

row-reverse

html

index

css

index

js

index

copy

column

Pay attention to the width of the items; they cover the entire width of the parent.

html

index

css

index

js

index

copy

column-reverse

html

index

css

index

js

index

copy
What does the `flex-direction` property do?

What does the flex-direction property do?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 4. Chapter 2
some-alt