diff --git a/docs/flexbox.md b/docs/flexbox.md index a3d90da2c8e..53780abaaff 100644 --- a/docs/flexbox.md +++ b/docs/flexbox.md @@ -1231,7 +1231,9 @@ export default AlignSelfLayout; - `space-between` Evenly space wrapped lines across the container's cross axis, distributing the remaining space between the lines. -- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Compared to `space-between`, using `space-around` will result in space being distributed to the beginning of the first line and the end of the last line. +- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each end of the container has a half-sized space compared to the space between items. + +- `space-evenly` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each space is the same size. You can learn more [here](https://yogalayout.com/docs/align-content). diff --git a/docs/layout-props.md b/docs/layout-props.md index 2e1281fc355..375e149273f 100644 --- a/docs/layout-props.md +++ b/docs/layout-props.md @@ -369,9 +369,9 @@ export default App; `alignContent` controls how rows align in the cross direction, overriding the `alignContent` of the parent. See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content for more details. -| Type | Required | -| ------------------------------------------------------------------------------------ | -------- | -| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around') | No | +| Type | Required | +| ---------------------------------------------------------------------------------------------------- | -------- | +| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around', 'space-evenly') | No | ---