Make equal height columns by adding the
equal-height class to their direct parent group.
For example we have three columns with variable height:
We can apply the
equal-height class to their direct parent group (in this case, the Centered wrapper), or better yet, we can group the columns once more time and apply that class to the new group, which we are going to do in our example:
If your section contains elements that are not at the same level in your layout (they are not direct children of the same group), but you still want to make them equally tall, then we need to take a different approach.
Instead of the equal-height class we'll use
eqh-container on the parent group and
eqh-item on all elements that need to be equal: