Flex-direction

Flex-direction is a CSS property that sets the main axis along which flex items are arranged within a flex container. It determines whether the flex items are displayed in a row (horizontally) or a column (vertically), affecting how content is laid out within the container.