The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Vertical Align on Grid Elements

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #160751

    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:

    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!


    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;}

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.