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.
Related Posts
Explore more of our posts
Button Blocks File Block Columns Block About Automattic We are the people behind WordPress.com, WooCommerce, Jetpack, Simplenote, Longreads, VaultPress, Akismet, Gravatar, Polldaddy, Cloudup, and more. We believe in making the web a better place. We’re a distributed company with 807 Automatticians in 69 countries speaking 84 different languages. Our common goal is to democratize publishing […]
Code Block Classic Block This is the classic block. It’s using the regular editor. HTML Block My HTML block. Preformatted Block This is a preformatted block.It is the best block.Amazing. Pullquote Block This is a pullquote. It’s pretty awesome. Laurel Fulford Table Block Header 1 Header 2 Header 3 Bob Smith 36 Jane Doe 25 […]
Imgur Embed Embed Embed Twitter Embed YouTube Embed Facebook Embed Instagram Embed WordPress Embed Soundcloud Embed Spotify Embed Flickr Embed Vimeo Embed
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 focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to […]
Paragraph Block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris purus urna, vulputate at convallis hendrerit, mattis id mi. Nulla mauris justo, sodales vitae sodales nec, fermentum at elit. Proin condimentum risus sed venenatis mollis. Donec auctor euismod sodales. Donec sodales congue metus, sit amet tempor odio maximus in. Ut vestibulum nisl a maximus […]
Archives Widget Categories Latest Posts Latest Comments YouTube Shortcode