Flex Direction

The property that determines whether flexbox children are arranged in rows (horizontal) or columns (vertical). This setting affects wrapping, alignment, and spacing behavior within a flex container. In Framer layoutauto layout, direction maps to horizontal or vertical stacking.

Related terms

Related terms

  • Gap

    Layout

    The space between elements in a flex or grid layout, providing consistent gutters without margin manipulation. Gap is cleaner than margins because it only applies between items, not at container edges. In Framer's auto layout, gap controls the spacing between child elements uniformly.

  • Justify Content

    Layout

    A flexbox property that controls how items are distributed along the main axis, using values like center, space-between, and space-around. It affects horizontal spacing in rows and vertical spacing in columns. In Framer layoutauto layout, it helps control distribution and balance.