Skip to content

Commit

Permalink
Correct docs on display type in flow layouts. (WordPress#66224)
Browse files Browse the repository at this point in the history
  • Loading branch information
tellthemachines authored Oct 18, 2024
1 parent 86b09fb commit 3e2e434
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/explanations/architecture/styles.md
Original file line number Diff line number Diff line change
Expand Up @@ -510,7 +510,7 @@ When a block that opts in to layout support is rendered, two things are processe

There are currently four layout types in use:

- Default/Flow: Items are stacked vertically. The parent container block is set to `display: flow` and the spacing between children is handled via vertical margins.
- Default/Flow: Items are stacked vertically. The parent container block's display value isn't specified, so that it may use the default value for that HTML element. For most elements that will usually be `block`. The spacing between children is handled via vertical margins.
- Constrained: Items are stacked vertically, using the same spacing logic as the Flow layout. Features constrained widths for child content, outputting widths for standard content size and wide size. Defaults to using global `contentSize` and `wideSize` values set in `settings.layout` in the `theme.json`.
- Flex: Items are displayed using a Flexbox layout. Defaults to a horizontal orientation. Spacing between children is handled via the `gap` CSS property.
- Grid: Items are displayed using a Grid layout. Defaults to an `auto-fill` approach to column generation but can also be set to a fixed number of columns. Spacing between children is handled via the `gap` CSS property.
Expand Down

0 comments on commit 3e2e434

Please sign in to comment.