Skip to content

Instantly share code, notes, and snippets.

@jeffreysfridge
Last active March 21, 2016 11:51
Show Gist options
  • Save jeffreysfridge/21e6e2121e2b8cc4ec98 to your computer and use it in GitHub Desktop.
Save jeffreysfridge/21e6e2121e2b8cc4ec98 to your computer and use it in GitHub Desktop.
vertical align middle responsive table classes
.disp-table {
display: table;
width: 100%;
table-layout: fixed; /* needed for firefox */
}
.disp-cell {
display: table-cell;
vertical-align: middle;
float: none;
}
@media only screen and (max-width : 992px) {
.disp-table,
.disp-cell {
display: block !important;
float: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment