Why is my content not equalizing when I check Equalize Height


The Equalize Height settings in some of the Foundation stacks will make your columns heights equal sizes. It does not have the ability to bring content down to the bottom of the column. Look at the example below:

Two Columns without Equalized Heights set

2 Column Stack Preview without Equalized Height

Here is a stack setup that does not have equalize height setting turned on. You can see the background colors are not equal in height.

Two Columns with Equalized Heights set

2 Column Stack Preview with Equalize Height

Here is a stack setup that has the equalize height setting turned on. See how the background colors equal out. What people do not realize is that the equalize height option does not bring the content down to the bottom.

In these examples I am using a 2 column Foundation stack with a 1 column Foundation stack in each one, but you can also do this with the Foundation Panel stack or with the Jack stack.

Now go forth and make your websites great!