Divi 5 relies on native CSS flexbox. The Align Items option allows you to control how the flexbox items are aligned on the vertical axis.
Align Items Location
You can find the Align Items option in the Design Tab → Layout → Align Items of the following element types:
Section
Row
Column
Group module
Align Items Purpose
The Align Items option lets you control the vertical alignment of multiple modules within the same container.
Align Items Usage
It's mainly used to:
Align multiple modules to the top, center, bottom, or stretch them to fill the height of their parent container.
Keep layouts consistent, especially when modules inside a column have different content heights.
How Align Items Works
In the following example, we are using a Row with three Columns. Inside each Column, a Blurb module (dark blue background) is used. Each Blurb module has different content heights.
Note: Because each Blurb module has a different content height, each Column has a corresponding height.
Align Items → Start
Each Column is aligned at the Row's top edge.
Align Items → Center
Each Column is aligned in the center of the Row.
Align Items → End
Each Column is aligned at the Row's bottom edge.
Align Items → Strech
The columns that have less content (Column 1 and Column 3) stretch out to match the tallest column's height (Column 2).
Use Case: Designing a Visual Story Grid
Let's say that you are building a balanced, responsive grid that showcases image-text pairings with consistent alignment, regardless of content length.
Add a Row with 2 equal columns.
In the first column, add an Image module.
In the second column, add a Text module.
Edit the Row's settings and in the Design Tab → Layout → Horizontal Gap enter 0(zero). This will remove the space between the two columns.
In the Row's settings → Design Tab → Layout →Align Items, choose Center
Duplicate the Row and swap the two columns so that the column that contains the Text module will be the first column and the column that contains the Image module will be the second column.
Repeat those steps a few more times