Gutenberg: Columns

2 columns

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


3 columns

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

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

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

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

1 678

Gutenberg: Formatting Blocks

Code Block .codeblock { right: 100% !important; position: absolute; } Classic Block This is the classic block. It's using the regular editor. HTML Block My HTML block. Preformatted Block This...
0 527

Gutenberg: Classic Block

Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think...
0 428

Post Format: Image (Caption)

[caption id="attachment_963" align="alignnone" width="1131"] It's dangerous to go alone! Take this.[/caption]
0 557

Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It's a corner case to make sure that Lists within lists do not break the ordered list numbering order Your list styles...
Quis fermentum minim ipsa cupidatat lacinia tempor leo, mauris explicabo expedita diam, purus necessitatibus! Quisque. Fugit, beatae, dolorem molestias wisi, illo praesentium assumenda fusce, hac voluptatum atque porta integer iaculis sociosqu suscipit semper integer ridiculus qui.

Leave a Reply