Equal Height

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:

Advanced Equal Height

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: