Learn Sections Pro

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)

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.

Here we have 3 equalised height columns containing Sections with a background gradient.

Each Section has its Equalize setting enabled.