90

Flex Direction Property

The flex-direction property is used to set the direction of the flexible items inside the flex container. its default value is row (left-to-right, top-to-bottom).

The other possible values are:

• row-reverse
• column
• column-reverse

---

Using row-reserve value

Let’s take an example to demonstrate the usage of row-reverse value.

See this example:

Test it Now

---

Using a column value

Let’s take an example to demonstrate the usage of column value.

See this example:

Test it Now

---

Using a column-reserve value

Let’s take an example to demonstrate the usage of column-reserve value.

See this example:

Test it Now

---