
      Flex direction controls **flow of items**.
      
      ## Direction values
      - row (default)
      - column
      
      ## Example
      ```css
      .container {
        display: flex;
        flex-direction: column;
      }
      ```
      
      ## UI Visualization
      - Items stack vertically
      - Like a column layout
      
      ## Real-world example
      - Sidebar menus
      - Mobile layouts
      
      ## Key understanding
      Direction changes main axis.
      

Learn how flex-direction controls row and column layouts and why vertical layouts become easy with Flexbox.

CSS Flex Direction

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Flex Direction

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add