Vertical Align on Grid Elements

[realph]

I’m trying to vertically align my grids, so all the text appears inline with the other grids. I’ve managed to get it working on large screens, but when you resize the browser window it loses its vertical alignment.

I’ve thrown together a CodePen here too, so you can see my issue: http://codepen.io/realph/pen/qLwfs

I’m vertically aligning my grid elements like so:

.cover {
    height: 312px;
    display: table-cell;
    vertical-align: bottom;
    background-color: #F0D5C0;
}

Any help is appreciated. Thanks in advance!

[maheshchippewar]

hello i am trying to solve your problem if you try this

changes css:–@media only screen and (min-width: 40.063em) [class=”column”]+[class=”column”]:last-child { float: left; } and

add new css:– in media queries 744

.cover { min-height: 312px;}

[Author]

Posts