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

Kursusindhold

CSS Fundamentals

CSS Fundamentals

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

book
Flex 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:

css

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

row

html

index.html

css

index.css

copy

row-reverse

html

index.html

css

index.css

copy

column

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

html

index.html

css

index.css

copy

column-reverse

html

index.html

css

index.css

copy
question mark

What does the flex-direction property do?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

expand
ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

course content

Kursusindhold

CSS Fundamentals

CSS Fundamentals

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

book
Flex 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:

css

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

row

html

index.html

css

index.css

copy

row-reverse

html

index.html

css

index.css

copy

column

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

html

index.html

css

index.css

copy

column-reverse

html

index.html

css

index.css

copy
question mark

What does the flex-direction property do?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2
Vi beklager, at noget gik galt. Hvad skete der?
some-alt