Utility class .equal-height breaks width settings when applied to modules.

[N8Solutions]

Create at least 2 different modules in Joomla with varying content. At least one of them should have only a few words per line or a very small image that is not very wide.

Create module instances, one for each module and pick the modules you just created in Joomla.

In order to see the issue you should add either box1 box2 box3 box4 to the module otherwise the problem won't be visible.

Now add the new Utility Variation equal-height to the modules. You will be able to see that the width of the module is reduced to meet the widest point created by the content.

[hennysmafter]

Alright a solution for this is to add the following css to your custom.scss file don't forget to clear cache if you just created the custom.scss file for the first time on the website:

.equal-height .g-content {
    display: block;
    width: 100%;
}

Please everyone feel free to test this code and if you know a better one or see problems let us know. Meanwhile @kevlardev could you check if it is possible to add this to the standard scss files from Gantry.

[w00fz]

Good catch, thanks.

[N8Solutions]

Great! Thank you Djamil!