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

Contenuti del Corso

CSS Fundamentals

CSS Fundamentals

1. Getting Started with CSS
2. Styling Text in CSS
3. The CSS Box Model & Spacing Elements
4. Mastering Flexbox for Layouts
5. Adding Decorative Effects with CSS

book
Setting the Flex Direction for Layouts

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

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 2
Siamo spiacenti che qualcosa sia andato storto. Cosa è successo?
some-alt