Sections Fix Examples with Equalize Height

As of Sections v.1.1.1. The Sections fix stack will now auto pad the section content so that it never overlaps.

This makes creating equalised height content with items fixed to the top to the bottom of an equalized height section totally drag and drop.


Columns with no top each column padding

gapped on small screens

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.

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 Terry

This is my headerPlus

In order to make Foundation Equalize work with a Header at the top of a column you must use a headerPlus stack and enable collapse margins.

This applied to all Equalise height stacks - not just sections and is because of the way that Foundation works


Columns with no top padding

stack continuously on small screens

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.

This Sections Fix stack is set to Postion:Top

As you can see in edit mode, it does not matter whether the stack is dropped above or below the content. It's position is determined only by the position setting

This is my headerPlus

In order to make Foundation Equalize work with a Header at the top of a column you must use a headerPlus stack and enable collapse margins.

This applied to all Equalise height stacks - not just sections and is because of the way that Foundation works


A simple Use Case

Nice alignment of the Title at the bottom

My Image

Psyco Duck

Head of Pond Operations / CED
My Image

Jemima

Senior Vice President
My Image

Toilet Duck

Head of Un-Sanitation