{"id":919966,"date":"2025-05-19T23:45:06","date_gmt":"2025-05-19T23:45:06","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=919966"},"modified":"2025-05-19T23:45:06","modified_gmt":"2025-05-19T23:45:06","slug":"responsive-grid-gallery-with-text-blocks","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/responsive-grid-gallery-with-text-blocks\/","title":{"rendered":"Responsive Grid Gallery with Text Blocks"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-ae5592ab wp-block-group-is-layout-constrained\" style=\"background-color:#8cb0f6;padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-93f220ed wp-block-columns-is-layout-flex\" style=\"padding-right:50px;padding-left:50px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-c6df9d404d4dd05dc938e7a6672ca5ba\" style=\"font-size:26px\"><strong>The standard Lorem Ipsum<\/strong><\/h2>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-800e815045b9ceb628ebdbcf83677227 wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n\n\n\n<div class=\"wp-block-columns 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\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTA3Mzk2Ni1pbWFnZS1rd3Z3ZDZ4di5qcGc.jpg\" alt=\"Free rocky snow mountain image\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNDEzNC1pbWFnZS1rd3lzZnhmZy5qcGc.jpg\" alt=\"Mountains in Chile\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns 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\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTA3Mzk2Ni1pbWFnZS1rd3Z3ZDZ4di5qcGc.jpg\" alt=\"Free rocky snow mountain image\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNDEzNC1pbWFnZS1rd3lzZnhmZy5qcGc.jpg\" alt=\"Mountains in Chile\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns 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\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/pd.w.org\/2024\/03\/39465e92f5ca65af4.37567737-2048x1542.jpg\" alt=\"A sunny landscape featuring dry, rocky terrain with large mountains in the background under a bright blue sky with a prominent sun. Geyik mountains, Turkey.\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2ZsMjM5MDU0ODI0NjYtaW1hZ2Uta3VxbXZ4OWsuanBn.jpg\" alt=\"View of the Strawberry Mountain\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns 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\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/pd.w.org\/2024\/03\/39465e92f5ca65af4.37567737-2048x1542.jpg\" alt=\"A sunny landscape featuring dry, rocky terrain with large mountains in the background under a bright blue sky with a prominent sun. Geyik mountains, Turkey.\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2ZsMjM5MDU0ODI0NjYtaW1hZ2Uta3VxbXZ4OWsuanBn.jpg\" alt=\"View of the Strawberry Mountain\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-c6df9d404d4dd05dc938e7a6672ca5ba\" style=\"font-size:26px\"><strong>The standard Lorem Ipsum<\/strong><\/h2>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-800e815045b9ceb628ebdbcf83677227 wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23199674,"parent":0,"template":"","meta":{"wpop_keywords":"image gallery, portfolio, text and images, modern layout, grid layout","wpop_description":"A modern gallery layout featuring a visually balanced grid of square images alongside content sections with headings and paragraphs. Ideal for showcasing photography, portfolios, or editorial-style image collections with supporting text.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[4,66,65],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-919966","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-gallery","wporg-pattern-category-media","wporg-pattern-category-portfolio"],"category_slugs":["gallery","media","portfolio"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"className\":\"alignfull\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"50px\",\"bottom\":\"50px\",\"left\":\"50px\",\"right\":\"50px\"}},\"color\":{\"background\":\"#8cb0f6\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background-color:#8cb0f6;padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\"><!-- wp:columns {\"className\":\"alignfull\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"50px\",\"left\":\"50px\"}}}} -->\n<div class=\"wp-block-columns alignfull\" style=\"padding-right:50px;padding-left:50px\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"26px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color\" style=\"font-size:26px\"><strong>The standard Lorem Ipsum<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color has-link-color\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTA3Mzk2Ni1pbWFnZS1rd3Z3ZDZ4di5qcGc.jpg\" alt=\"Free rocky snow mountain image\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNDEzNC1pbWFnZS1rd3lzZnhmZy5qcGc.jpg\" alt=\"Mountains in Chile\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTA3Mzk2Ni1pbWFnZS1rd3Z3ZDZ4di5qcGc.jpg\" alt=\"Free rocky snow mountain image\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvaXMxNDEzNC1pbWFnZS1rd3lzZnhmZy5qcGc.jpg\" alt=\"Mountains in Chile\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/pd.w.org\/2024\/03\/39465e92f5ca65af4.37567737-2048x1542.jpg\" alt=\"A sunny landscape featuring dry, rocky terrain with large mountains in the background under a bright blue sky with a prominent sun. Geyik mountains, Turkey.\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2ZsMjM5MDU0ODI0NjYtaW1hZ2Uta3VxbXZ4OWsuanBn.jpg\" alt=\"View of the Strawberry Mountain\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/pd.w.org\/2024\/03\/39465e92f5ca65af4.37567737-2048x1542.jpg\" alt=\"A sunny landscape featuring dry, rocky terrain with large mountains in the background under a bright blue sky with a prominent sun. Geyik mountains, Turkey.\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"id\":null,\"aspectRatio\":\"1\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"10px\"}}} -->\n<figure class=\"wp-block-image size-full has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L2ZsMjM5MDU0ODI0NjYtaW1hZ2Uta3VxbXZ4OWsuanBn.jpg\" alt=\"View of the Strawberry Mountain\" style=\"border-radius:10px;aspect-ratio:1;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"26px\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<h2 class=\"wp-block-heading has-white-color has-text-color has-link-color\" style=\"font-size:26px\"><strong>The standard Lorem Ipsum<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"textColor\":\"white\"} -->\n<p class=\"has-white-color has-text-color has-link-color\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":9,"author_meta":{"name":"Dharti Patel","url":"https:\/\/it.wordpress.org\/patterns\/author\/dhartipatel","avatar":"https:\/\/secure.gravatar.com\/avatar\/77c18e79e79fe6325f9ec2db53418d2afbfd423362d80c337e1575a36c2ffbab?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/919966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":22,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/919966\/revisions"}],"predecessor-version":[{"id":920012,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/919966\/revisions\/920012"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/dhartipatel"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=919966"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=919966"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=919966"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=919966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}