Sobes.tech
Junior

Which property in flexbox is responsible for the direction of flex items?

sobes.tech AI

Answer from AI

flex-direction. It defines the main axis of the container along which the flex items are placed.

Possible values:

  • row: items are placed from left to right (default).
  • row-reverse: items are placed from right to left.
  • column: items are placed from top to bottom.
  • column-reverse: items are placed from bottom to top.

Example of usage:

.flex-container {
  display: flex;
  flex-direction: column; /* Items will be arranged vertically */
}