First column

Second column

Third column

Fourth column

Full column

Half column

Half column

1 Third column

2 Thirds column

1 quarter column

3 quarters column

1 fifth column

4 fifth column

12

11

1

10

2

9

3

8

4

7

5

6

6

1 Third column

3 quarters offset

First row

Second row

Half

Half

Half

First column

Second column

Third column

Fourth column

is-three-quarters-mobile
is-two-thirds-tablet
is-half-desktop
is-one-third-widescreen
is-one-quarter-fullhd

auto

auto

auto

First column

Second column with some random large text to make a good case here. Unfortunately, we need more content to make it visible that the first column is now vertically centered.

My centered column

Stretches to the full height of the row

Second column with some random large text to make a good case here. Unfortunately, we need more content to make it visible that the first column is now vertically centered.

Second column with some random large text to make a good case here. Unfortunately, we need more content to make it visible that the first column is now vertically centered.

Stretches to the full height of the row