{"id":3856,"date":"2013-03-28T21:44:16","date_gmt":"2013-03-28T16:14:16","guid":{"rendered":"https:\/\/demo.themesdna.com\/neatblog-pro\/?p=3856"},"modified":"2021-12-03T22:22:49","modified_gmt":"2021-12-03T16:52:49","slug":"gutenberg-columns","status":"publish","type":"post","link":"https:\/\/demo.themesdna.com\/neatblog-pro\/gutenberg-columns\/","title":{"rendered":"Gutenberg: Columns"},"content":{"rendered":"\n

2 columns<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

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<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

3 columns
<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

This is a typical 3-column layout with images on top and some text below. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

You’ll find this layout on web sites all over the internet.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Gutenberg makes this kind of layout easy to build. The future is now!<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n

4 columns<\/h2>\n\n\n\n
\n
\n

This is the first column, and it’s amazing. <\/p>\n<\/div>\n\n\n\n

\n

This is the second column, and it’s also amazing.<\/p>\n<\/div>\n\n\n\n

\n

The third column, as they say, is like a charm.<\/p>\n<\/div>\n\n\n\n

\n

This is the fourth column, and it’s possibly the best.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n

5 columns<\/h2>\n\n\n\n
\n
\n

5 columns of text in the post, 5 columns of text. Take one down, move it around, 4 columns of text in the post.<\/p>\n<\/div>\n\n\n\n

\n

4 columns of text in the post, 4 columns of text. Take one down, move it around, 3 columns of text in the post.<\/p>\n<\/div>\n\n\n\n

\n

3 columns of text in the post, 3 columns of text. Take one down, move it around, 2 columns of text in the post.<\/p>\n<\/div>\n\n\n\n

\n

2 columns of text in the post, 2 columns of text. Take one down, move it around, 1 columns of text in the post.<\/p>\n<\/div>\n\n\n\n

\n

1 column of text in the post, 1 column of text. Take one down, move it around, no columns of text in the post.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n

6 columns<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

One column.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Two columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Three columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Four columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Five columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Six columns.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n

One column.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Two columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Three columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Four columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Five columns.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

Six columns.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

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…<\/p>\n","protected":false},"author":1,"featured_media":3591,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,86,19],"tags":[87,72],"class_list":["post-3856","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-content","category-gutenberg","category-images","tag-blocks","tag-wordpress","wpcat-11-id","wpcat-86-id","wpcat-19-id"],"_links":{"self":[{"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/posts\/3856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/comments?post=3856"}],"version-history":[{"count":5,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/posts\/3856\/revisions"}],"predecessor-version":[{"id":3862,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/posts\/3856\/revisions\/3862"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/media\/3591"}],"wp:attachment":[{"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/media?parent=3856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/categories?post=3856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.themesdna.com\/neatblog-pro\/wp-json\/wp\/v2\/tags?post=3856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}