{"id":201,"date":"2021-04-21T17:58:21","date_gmt":"2021-04-21T17:58:21","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=201"},"modified":"2021-06-25T19:30:25","modified_gmt":"2021-06-25T19:30:25","slug":"three-columns-with-offset-images","status":"publish","type":"wporg-pattern","link":"https:\/\/pcd.wordpress.org\/patterns\/pattern\/three-columns-with-offset-images\/","title":{"rendered":"Three columns with offset images"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-01.jpg\" alt=\"Close-up, abstract view of geometric architecture.\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div style=\"height:500px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-02.jpg\" alt=\"Close-up, angled view of a window on a white building.\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-03.jpg\" alt=\"Close-up of the corner of a white, geometric building with both sharp points and round corners.\" \/><\/figure>\n\n\n\n<div style=\"height:285px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"author":5911429,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"Three columns with offset images.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/image,core\/spacer","footnotes":""},"pattern-categories":[4,13],"pattern-keywords":[11,59],"wporg-pattern-flag-reason":[],"class_list":["post-201","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-gallery","wporg-pattern-category-images","wporg-pattern-keyword-core","wporg-pattern-keyword-featured"],"category_slugs":["gallery","images"],"keyword_slugs":["core","featured"],"pattern_content":"<!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column {\"width\":\"25%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image size-large is-style-default\"><img src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-01.jpg\" alt=\"Close-up, abstract view of geometric architecture.\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"25%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:spacer {\"height\":500} -->\n<div style=\"height:500px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:spacer {\"height\":150} -->\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-02.jpg\" alt=\"Close-up, angled view of a window on a white building.\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"45%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:45%\"><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image size-large is-style-default\"><img src=\"https:\/\/s.w.org\/images\/core\/5.8\/architecture-03.jpg\" alt=\"Close-up of the corner of a white, geometric building with both sharp points and round corners.\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":285} -->\n<div style=\"height:285px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":45,"author_meta":{"name":"WordPress.org","url":"https:\/\/pcd.wordpress.org\/patterns\/author\/wordpressdotorg","avatar":"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/users\/5911429"}],"version-history":[{"count":0,"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/201\/revisions"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=201"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=201"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}