The "Type" picker in Layout & Transform chooses how a container lays out its children: free, Stack (Flex), Grid, Block, Inline, Inline Block, Table, or None.
Where: Right sidebar → Layout & Transform → "Type" row (+ "More" popover) — Select a container and open the Type picker
Key ideas
- Stack (Flex): One-dimensional flow — Direction, Distribute, Align, Wrap. Best for rows and stacks.
- Grid: Two-dimensional layout. The "Grid Template" popover gives Columns/Rows steppers (1–12), a per-track editor (1fr, 2fr, auto, minmax(...)), raw template-columns/rows inputs, and Auto Rows ("Fill Container" minmax(0,1fr) / "Fit Content" auto).
- Block & columns: Block layout exposes a Columns stepper (1–12) and column-gap for CSS multi-column text.
- More options: The "More" popover adds Inline, Inline Block, Table, None, or a custom display value.
Steps
- Select a container and open Layout & Transform.
- In the Type row choose Stack (Flex) or Grid (or open "More" for Block/Inline/Table/None).
- For Grid, click "Grid Template": set Columns and Rows counts, or edit individual tracks (1fr / auto / minmax).
- Use Auto Rows to choose "Fill Container" or "Fit Content" for implicit rows.
- Place children with grid-column / grid-row in the Position block when needed.
Shared scope and website-only layout defaults
Use the selector builder in Pick a class for combined authored classes and ancestor context. Position, Layout, advanced Typography, and floating composite controls expose consistent scope/reset actions. All pages targets page-frame rules even without a user class. Website pages default to a flex column; video compositions and ad variations retain their own layout behavior.