{"id":2813,"date":"2024-08-07T20:41:06","date_gmt":"2024-08-08T00:41:06","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2813"},"modified":"2025-12-17T12:49:45","modified_gmt":"2025-12-17T17:49:45","slug":"design-gallery","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/","title":{"rendered":"Design: Gallery"},"content":{"rendered":"\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\">Table of Contents<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li><a href=\"#usage\">Usage<\/a><\/li>\n\n\n\n<li><a href=\"#image\">Recommended Image Ratio &amp; Dimension(s)<\/a><\/li>\n\n\n\n<li><a href=\"#variations\">Variations<\/a><\/li>\n\n\n\n<li><a href=\"#example\">Example<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"usage\">Usage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">The Gallery block can be used on any page. 2-4 images per row is recommended. <\/p>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"image\">Recommended Image Ratio &amp; Dimension(s)<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li>Ratio: the gallery will look best with images that have a 1:1 ratio.<\/li>\n\n\n\n<li>Use consistent image sizes (or consistent aspect ratio) Use the default \u2018crop images\u2019 setting in the Gallery Block.<\/li>\n\n\n\n<li>Images can also be auto-cropped to be a ratio of 16:9<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"variations\">Variations<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li>There are no style variations for this block but the gallery may look different depending on how many images you have per row and what the aspect ratios are for the images. <\/li>\n\n\n\n<li>When captions are added to the images they will appear in the Gallery. Images with captions will have a vignette automatically applied so the caption text is readable. <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"example\">Example<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">The below example uses images that all have a 16:9 ratio and two images have captions.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2814\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg\" alt=\"The Kennedy Center in Washington D.C.\" class=\"wp-image-2814\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2815\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404.jpg\" alt=\"The Smithsonian National Museum of African American History and Culture\" class=\"wp-image-2815\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_MuseumsMall-8404-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2816\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128.jpg\" alt=\"Monuments in D.C. from the Potomac River\" class=\"wp-image-2816\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190417_CrewWomenStock_B-3128-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2817\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067.jpg\" alt=\"Black Lives Matter Plaza\" class=\"wp-image-2817\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20210311-Campus_0067-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\"><p>Black Lives Matter Plaza<\/p><\/figcaption><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2818\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854.jpg\" alt=\"Washington Monument from the Potomac\" class=\"wp-image-2818\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190429_DCfromPotomac-30854-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\"><p>Washington Monument<\/p><\/figcaption><\/figure>\n<\/div>\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" data-id=\"2819\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386.jpg\" alt=\"The Capitol building\" class=\"wp-image-2819\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386.jpg 800w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-300x300.jpg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-150x150.jpg 150w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-768x768.jpg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-404x404.jpg 404w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-495x495.jpg 495w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-439x439.jpg 439w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-594x594.jpg 594w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-750x750.jpg 750w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20190612_CapitolHill-0386-667x667.jpg 667w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div><\/figure>\n\n\n<div class=\"gu-block gu-container  gu-block-quick-links gu-block-full has-text-align-center     \"><div class=\"gu-block gu-container gu-container-inner gu-block-quick-links-inner gu-block-wide \"><nav class=\"gu-block-quick-links-nav gu-cards gu-sidebar\" aria-label=\"Quick Links\">\n\n    <p class=\"gu-block gu-paragraph body-text gu-block-quick-links-text gu-sidebar-aside\">Quick Links<\/p>\n<ol class=\"gu-block gu-list list-ordered gu-block-quick-links-list gu-cards-content gu-sidebar-main is-style-none \"><li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/how-to-gallery\/\">How To: Gallery<\/a><\/li>\n<li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/\">More Media Blocks<\/a><\/li>\n<\/ol>\n<\/nav><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Table of Contents Usage The Gallery block can be used on any page. 2-4 images per row is recommended. Recommended Image Ratio &amp; Dimension(s) Variations Example The below example uses images that all have a 16:9 ratio and two images have captions.<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":156,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-landing.php","meta":{"gu_featured_image_display":true,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2813","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design: Gallery - 1789 Handbook<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design: Gallery - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Table of Contents Usage The Gallery block can be used on any page. 2-4 images per row is recommended. Recommended Image Ratio &amp; Dimension(s) Variations Example The below example uses images that all have a 16:9 ratio and two images have captions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T17:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/\",\"name\":\"Design: Gallery - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg\",\"datePublished\":\"2024-08-08T00:41:06+00:00\",\"dateModified\":\"2025-12-17T17:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg\",\"contentUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg\",\"width\":800,\"height\":800,\"caption\":\"The Kennedy Center in Washington D.C.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block Catalog\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Gallery\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Design: Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\",\"name\":\"1789 Handbook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design: Gallery - 1789 Handbook","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Design: Gallery - 1789 Handbook","og_description":"Table of Contents Usage The Gallery block can be used on any page. 2-4 images per row is recommended. Recommended Image Ratio &amp; Dimension(s) Variations Example The below example uses images that all have a 16:9 ratio and two images have captions.","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/","og_site_name":"1789 Handbook","article_modified_time":"2025-12-17T17:49:45+00:00","og_image":[{"width":800,"height":800,"url":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/","name":"Design: Gallery - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage"},"image":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg","datePublished":"2024-08-08T00:41:06+00:00","dateModified":"2025-12-17T17:49:45+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#primaryimage","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg","contentUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/20191001_DC_KennedyCenter-8423.jpg","width":800,"height":800,"caption":"The Kennedy Center in Washington D.C."},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/design-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/"},{"@type":"ListItem","position":2,"name":"Block Catalog","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/"},{"@type":"ListItem","position":3,"name":"Media","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/"},{"@type":"ListItem","position":4,"name":"Gallery","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/gallery-block\/"},{"@type":"ListItem","position":5,"name":"Design: Gallery"}]},{"@type":"WebSite","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/","name":"1789 Handbook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/users\/1387"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":9,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2813\/revisions"}],"predecessor-version":[{"id":3765,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2813\/revisions\/3765"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/156"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}