Suggest an editImprove this articleRefine the answer for “How do you set the direction of the main axis?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**The direction of the main axis** in Flexbox is set by the `flex-direction` property with the values `row`, `row-reverse`, `column`, and `column-reverse`. **Key point:** the main axis changes depending on the chosen value of `flex-direction`.Shown above the full answer for quick recall.Answer (EN)ImageIn Flexbox, the direction of the main axis is set by the property: ```javascript flex-direction ``` Options: ```javascript flex-direction: row; /* main axis - horizontal (left to right) */ flex-direction: row-reverse; /* horizontal, but in the reverse direction */ flex-direction: column; /* main axis - vertical (top to bottom) */ flex-direction: column-reverse; /* vertical, but in the reverse direction */ ``` The main axis changes depending on the chosen value of `flex-direction`.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.