Instantly share code, notes, and snippets.

Embed
What would you like to do?
Vertical alignment in Foundation
// Courtesy of:
// http://foundation.zurb.com/forum/posts/526-how-to-center-grid-row-vertically
//
// IE fix by me!
.valign-middle {
display: table;
// IE fix; otherwise, the images will go to 100% of page width,
// rather than column width.
table-layout: fixed;
> .columns {
display: table-cell;
vertical-align: middle;
}
> .columns, > [class*="column"] + [class*="column"]:last-child {
float: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment