How to use Sections with Equalized Height

My Image

Simply drop a Section stack into each column. Ensure that Equalize Height is selected for the parent column and the Section stacks immediately inside that column.

You can then add further Sections stacks within the Equalised Section that use connectors or any other Sections features.

The important thing to remember is that only the outer Section Stack directly within each column should have Equalize Height enabled.

Do not Add Margins or Padding in the Stacks Layout settings for any outer content that is inside a Foundation Equaliszed height column. This applies to any stack. Outer content means anything that sits at the top of the column.

A description of this person.

Using Equalized Height Sections means that even if the descriptions are different. All the columns are matched.

A description of this person.

A description of this person.

Sections

Demonstration of Two Equalised Height Sections with other sections stacks within using connectors

Important Note Regarding Equalised Height In Foundation

For Equalize Height to work in Foundation, there must be no top margin on the first stack in an Equalised height column or section.

Foundation Headers in Foundation v1.4 and previous automatically add a top margin, thus breaking equalised height. This will be removed in subsequent versions.

In the mean time just use a HeaderPlus at the top of an Equalised height column or section and select the "Collapse Margins" option in the settings, as in this column.

This paragraph can have padding added in the stack settings as it is not directly within the Equalised height container (the outer Sections stack)

Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terr.

This paragraph can have padding added in the stack settings as it is not directly within the Equalised height container (the outer Sections stack)

This text is in a Section Fix stack and is fixed to the bottom of its section