Gutenberg: Columns

2 columns This is a 2-column layout, just trying some things out to see how it goes.

2 columns

1

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don’t forget to consider how columns will look on smaller screens. #mobilefirst

1

3 columns

1

This is a typical 3-column layout with images on top and some text below.

1

You’ll find this layout on web sites all over the internet.

1

Gutenberg makes this kind of layout easy to build. The future is now!


4 columns

This is the first column, and it’s amazing.

This is the second column, and it’s also amazing.

The third column, as they say, is like a charm.

This is the fourth column, and it’s possibly the best.


5 columns

5 columns of text in the post, 5 columns of text. Take one down, move it around, 4 columns of text in the post.

4 columns of text in the post, 4 columns of text. Take one down, move it around, 3 columns of text in the post.

3 columns of text in the post, 3 columns of text. Take one down, move it around, 2 columns of text in the post.

2 columns of text in the post, 2 columns of text. Take one down, move it around, 1 columns of text in the post.

1 column of text in the post, 1 column of text. Take one down, move it around, no columns of text in the post.


6 columns

1

One column.

1

Two columns.

1

Three columns.

1

Four columns.

1

Five columns.

1

Six columns.

1

One column.

1

Two columns.

1

Three columns.

1

Four columns.

1

Five columns.

1

Six columns.