Equalized Height SectionsFoundation Only
Sections Pro is Foundation Equaliser compatible. This means that you can use it within equalised height Foundation or Grummage columns in order to automatically stretch the background to the height of the column.
You should also see the Sections Fix demonstration page which also uses this technique an allows you to add content pinned to the top or bottom of an equalised height column
REMEMBER: Only the outer Section Stack directly within each column should have Equalize Height enabled. Think of it as a "column liner".
REMEMBER: Foundation Equalizer relies on measuring the top position of each column to detect when columns are stacked for mobile. If you add margins to the very top element in an equalized column, this will alter that top position and cancel the equalisation. (This applies to anything, not just Sections)
Example 1 - Pricing Tables.
Basic
The simple option for individuals.
Business
Most Popular
Our best value deal for multiple accounts.
Includes team Members
Enterprise
Fully featured enterprise edition.
Includes multiple sites and multiple teams.
Everything unique that you see in the Pricing tables is just made with Sections Pro.
Other stacks used: Header Pro, Paragraph Pro, Image and Button.
Example 2 - Personal Profiles
Here we have 3 equalised height columns containing Sections with a background gradient.
Each Section has its Equalize setting enabled.
Jenny P
Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore. Gentrify Aves Ayelsbury craft beer aesthetic Echo Park.
Penny J
Anatidae paleo gastropro authentic flexitarian fixie tote bag,
Bob
Anatidae paleo gastropro authentic flexitarian fixie tote bag, scenester Chordate sweater irony locavore.