Jump to main content

Equal height

To ensure two or more elements have an equal height regardless of their content, add the class .u-equal-height to their wrapping parent element.

View example of the equal height utility

Import

To import just this utility into your project, copy the snippet below and include it in your main Sass file.

@import 'utilities_equal-height';

For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.