- Where to find it
- Labelled Align Content in the "Entire Row" section of the Modify drawer.
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
- Underlying CSS
alignContent
In plain English
Align Content decides what happens when Flex Wrap has created two or more lines and the row is taller than those lines need.
New edits are stored per device on the row; classic alignContent fields still work as a fallback.
What each option does
| Option | What you will see |
|---|---|
flex-start | Wrapped lines pack at the top of the row. |
center | Wrapped lines pack in the vertical middle of the row. |
flex-end | Wrapped lines pack at the bottom of the row. |
space-between | First line at the top, last at the bottom, spare space shared between lines. |
space-around | Equal space on both sides of every wrapped line. |
space-evenly | Every gap between wrapped lines is identical, including the ends. |
stretch | Wrapped lines stretch to fill the row height. |
When you would use it
- A wrapping card row sits in a tall band and the second line should not jam under the first.
How to change it
- Set Flex Wrap to "wrap" first.
- Open "Align Content" and click a diagram. Confirm in preview.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.
Watch out for
- With a single line of columns, Align Content has nothing to arrange.
Related settings
- Flex Wrap Setting
- Vertical Alignment
- Horizontal Alignment
- Gap
- Align Content
- Using a CSS variable instead of a typed value
For developers
The technical reference for what this setting produces: MDN: align-content. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.
Where to go next
- Back to the full attribute reference
- The Composer — the editing surface these settings live in.
- Publishing — how a change like this reaches your live site.