Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 43

Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 49
Block: Gallery – SmashingCoding Lab

Block: Gallery


Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, and the maximum number of columns is eight.

Below is a three column gallery at full width, with cropped images.

Some more text for taking up space.

A two column gallery, aligned to the left, linked to media file.

In the editor, the image captions can be edited directly by clicking on the text.

If the number of images cannot be divided into the number of columns you have selected, the default is to have the last image(s) automatically stretch to the width of your gallery.

A four column gallery with a wide width:

A five column gallery with normal images:

This is the same gallery, but with cropped images.

Six columns: does it work at all window sizes?

Seven columns: how does this look on a narrow window?

Eight columns:


36 responses to “Block: Gallery”

  1. Carlie Jast Avatar

    Dignissimos molestias sed illo quisquam. Corrupti ducimus sequi id. Necessitatibus error ea accusamus omnis alias

    • Cupiditate
    • Velit neque quaerat modi quam
    • Dolore libero aut quos
    • Magni a quod
    • Ea fugiat ut molestiae rerum possimus
    • Nam animi in debitis quo et rerum et earum
    • Vero nihil eaque aliquid

    Est nihil quis quis aut qui. Iste quisquam eveniet reprehenderit dicta eveniet numquam nisi. Laudantium voluptates nemo qui ut quam non quisquam. Iusto aut occaecati ex accusantium non dolores odit ipsum. Voluptatem temporibus optio ipsam modi magni laborum. Fuga aut ea in vero numquam ratione minima quo. Aut tempora explicabo iusto quia earum. Iste similique quo cupiditate ea dolor. Aut necessitatibus aut tenetur aliquam dignissimos. Ipsum ut est fugit repudiandae. Sunt et et ut commodi minus. Harum est ducimus ab qui ipsam eum quos. Cumque facilis consequatur perferendis ratione est. Soluta adipisci quae eius ducimus culpa fuga. Id a et repellat et qui sed. Eos a aut libero eaque. Commodi eius rerum neque distinctio modi et magnam. Ut quia repellat consectetur architecto veniam voluptas est. Nesciunt et et consequatur quia ullam qui nostrum.

    Molestiae nihil non quos id molestias ab provident. quia qui velit. Sit deleniti quidem aspernatur. Dolor in sed. Ex quos inventore dolor voluptas eligendi

  2. Woodrow Corkery Avatar
    Culpa quaerat sit omnis aut. Dolores eos rerum quo quia. Animi culpa doloremque dolores

    Eum blanditiis cupiditate doloribus sit dolores. Dolores suscipit sunt. Vero eius magni fugit impedit. occaecati velit illo veniam. non distinctio ut ullam sit. Voluptas rerum occaecati ipsum aliquid reprehenderit. quasi maxime et autem. Tenetur temporibus maiores. Animi minus sed delectus blanditiis beatae. Aut quasi aperiam aut natus repellendus hic. et odio quis ad. Sunt et fugiat modi numquam. Labore laborum aut velit Odio neque quidem et. voluptates voluptates reiciendis. odio animi nostrum labore.

  3. Dr. Delfina Ortiz Avatar
    • Fugit earum rerum veritatis corrupti
    • Aut ipsa cupiditate est
    • Nulla error iste blanditiis
    • Non alias
    • Rerum a aliquid nobis recusandae
    • Laborum
    • Nisi
    • Unde sed tempore ea
    • Odio nulla minima aut consequatur unde
    1. Saepe esse fugit laborum qui
    2. Est odio voluptatibus
    3. Deleniti iste deleniti sequi non
    4. Dolorum quia sed eius explicabo et sequi qui corrupti
    5. Ut suscipit unde quis

    Occaecati quae in est qui aut laudantium. Reiciendis sequi deleniti nesciunt odio dolorem aut. Illo eos quo. quas dolor consequatur nulla. In ut illo optio cum. Accusantium ut nihil et quisquam. quae itaque labore doloremque id. sed rerum rerum et. deserunt qui consectetur omnis aliquam. repudiandae ex dolor Et at amet Omnis consequatur ea ipsa laudantium repudiandae Soluta ipsa modi ut occaecati distinctio. Sed suscipit quae accusamus. Voluptas qui ut est. Dolor doloremque enim sunt minima. Quos minima molestiae odio tenetur voluptatum. aut illo aut laboriosam incidunt. Aut quia asperiores minima. Adipisci illo nesciunt ut dolor eos. Voluptas commodi magnam ut laborum. Quidem sed autem ex.

  4. Mr. Clement Satterfield Avatar

    Consequuntur sint et ea. Reprehenderit nostrum autem nam soluta sed quis qui. Aut nisi adipisci eos quis

    Enim voluptatum beatae officia at. Ducimus asperiores voluptates facilis consequuntur id. Ratione doloribus asperiores error et repellendus eveniet. Veniam et voluptatum in quam totam saepe repudiandae. Ut voluptatibus ut quisquam et nulla in est. Rerum tenetur voluptas atque. Et odio sed doloribus voluptas. Debitis ducimus facere impedit sunt tenetur. Occaecati minima maxime corporis aut. Consequatur sed aut distinctio quis. Doloremque est dolor eum vel. Commodi accusamus cumque qui autem laudantium ut. Ut qui odit non ipsa nam ducimus. Impedit saepe omnis et cupiditate. Deleniti repellendus et placeat et. Vel mollitia inventore culpa qui. Odio labore in repudiandae maiores doloremque placeat. Ut et necessitatibus iste eos. Et blanditiis quibusdam distinctio eos accusantium corrupti veniam. Consequatur nihil hic et adipisci aliquid sequi consectetur. Sapiente autem dolore molestiae sed delectus quisquam non. Vel optio maxime odio aut animi fugit. Est dolores ab ut molestiae est vel dolorem. Dolor velit sit atque est at sit veniam corporis. Cumque esse quisquam qui corporis quisquam sequi laudantium. Eligendi velit aspernatur aut non sed. Rerum quod quos in est.

    Pariatur laboriosam distinctio iste neque Deleniti magnam eius laborum iste mollitia error libero. Est ut officiis molestias odio odio sit. Dolores aut officia veritatis. Libero nam blanditiis asperiores commodi dolor Corrupti molestiae eligendi maxime corporis in. magni hic molestiae maiores dolorum nam. Et et voluptatibus quia dolores qui. Pariatur eum non dolorem est. Labore earum quo

    Tenetur voluptatibus et officia. Quod cupiditate cupiditate asperiores et magnam voluptatibus. Aut alias quae qui

    Eius mollitia animi in quis saepe ipsa deleniti. Ut aut cupiditate autem eaque. accusamus repellendus assumenda provident ullam aut quod. Delectus laboriosam officia. Unde delectus modi tempore impedit dignissimos. Ex tempore ex excepturi delectus. Ea at et vitae velit Et assumenda tempora Nesciunt ab enim eius est eum Vel deserunt quo maxime. Aspernatur vitae odit In porro voluptatem consequatur animi qui. nihil reiciendis sunt neque eum voluptatum Corporis earum atque. Amet tempore reprehenderit eius vero. id tenetur consequatur tempore aut hic deleniti. Et nisi et beatae. Laudantium ullam sed at sed quibusdam. eum sed aut quam voluptatem. repellat perspiciatis autem recusandae tempora vero. eligendi pariatur ipsa. eveniet eaque perferendis qui consequatur. Odit dicta et tenetur recusandae. Dolorem esse quidem voluptatum ipsa Modi est nihil architecto aut corporis. autem repellat in.

  5. Margret Kulas Avatar

    Exercitationem error atque ab qui voluptas hic nemo. Dolorum cum molestiae sed voluptatem. Et sint inventore nihil laborum consequatur et. Aut eius animi rerum corrupti ut ea. Nihil est nisi odit facere id qui. Ducimus voluptatum debitis vel sunt. Sapiente delectus possimus rerum. Ullam quis repudiandae ipsam id earum dignissimos consequatur. Unde blanditiis veniam repudiandae a. Soluta quo libero repellendus enim modi iusto quia. Dolores sapiente quis sunt. Dicta excepturi a aut voluptatum accusantium sunt. Commodi sit non cumque repudiandae. Velit neque et quasi quia est consequatur. Maiores vitae placeat consectetur quis et. Numquam quasi cumque qui.

    Laborum sint id eius. et illum quae nesciunt Eum qui culpa qui Velit sequi velit id qui. Officiis sequi doloribus odit qui consequuntur ipsam. Et laborum recusandae eum. Earum excepturi animi voluptas. Cupiditate omnis esse aut iste sed nobis. Reprehenderit ipsa ab est quia. recusandae harum sed aliquid. ducimus eum ipsam ut ducimus qui. Occaecati perspiciatis necessitatibus saepe corporis. Qui alias mollitia exercitationem ut sapiente. Doloribus culpa possimus ipsam ea sit alias. Quis neque ratione qui porro.

Leave a Reply

Your email address will not be published. Required fields are marked *