You can make two or more columns equal in height by applying the
equal-height class to their direct parent group.
For the sake of example we have this layout with three columns of variable height:
So we can apply the
equal-height class to their direct parent group (in this case, the Centered wrapper), or we can group them once more 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 you need to take a different approach.
Instead of the equal-height class you would use
eqh-container for your group:
Then add the
eqh-item class to all elements in your group that need to have the same height: