There are four possible values for the flex-direction property: row: This is the default value. It arranges the flex items in a row, horizontally, from left to right. The main axis starts from the left edge of the container. row-reverse: It works similarly to row, but the flex items are arranged in a reverse order, from right to left. column: It arranges the flex items in a column, vertically, from top to bottom. column-reverse: It works similarly to column,