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.
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, andspace-around. It affects horizontal spacing in rows and vertical spacing in columns. In Framer layoutauto layout, it helps control distribution and balance.