Menu icon Foundation

Developer | Hampshire, UK

Website designer/developer in the south of England.

My Posts


My Comments

Neil Sweeney commented on ShadowDanser's post about 5 years

One way I solved this issue was to create a new class called .vertical-align

.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

Basically you can apply this on the same container as .row and it should align all the columns to the middle. I haven't fully tested this yet but works so far!

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on ShadowDanser's post about 5 years

One way I solved this issue was to create a new class called .vertical-align

.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

Basically you can apply this on the same container as .row and it should align all the columns to the middle. I haven't fully tested this yet but works so far!

Posts Followed

Following

  • No Content

Followers

  • No Content