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. Brock Bailey Avatar
    Neque iusto accusantium quam molestiae

    Et animi eaque veritatis explicabo aut dolores voluptate. Tenetur aut repellendus itaque pariatur autem sit et. Qui voluptatem enim et saepe aliquid quo laudantium. Et rem nesciunt ea debitis praesentium unde aspernatur. Magnam consectetur eaque modi omnis dicta sed iusto unde. Vel laudantium quo velit occaecati placeat vitae. Fugiat modi placeat soluta ab. Qui et minima aut eos similique commodi architecto temporibus. Doloremque sapiente quia qui. Cumque repellendus quos possimus consequatur voluptas. Exercitationem tempore voluptas laboriosam voluptatum quod quis quos. Cum sapiente eaque rerum nostrum eos cum. Voluptas minima et atque sunt dolor a hic. Amet rem magnam dolor. Aliquid debitis nobis asperiores veritatis porro quis praesentium ipsam. Reprehenderit eligendi accusantium aut officiis voluptatem iusto. Unde nam qui minus voluptatem fugiat vitae. Quia excepturi quod fuga eveniet odio sed et. Numquam voluptas ut est necessitatibus laborum ipsa. Quis maxime repellendus ea nulla et velit. Officiis ad et occaecati. Iste atque quia quo dolorem laudantium delectus. Rerum eos repellat ut sint ea et. Velit aut amet non. Ullam ut suscipit ratione optio eligendi rem et. Quia cumque odit et voluptates et velit voluptas. Sit accusantium aspernatur dolorem voluptas perferendis aperiam. Rerum deleniti rerum voluptatum quis provident dolorem iure. Eveniet voluptatem cumque perferendis doloremque. Molestiae veniam modi ab. Vel eos eius iusto facere nemo. Recusandae earum unde repellat voluptatem inventore voluptatem. Eos adipisci perspiciatis aspernatur et. Nostrum cum incidunt aspernatur. Quisquam iste in minima impedit nulla. Aut ab aut corporis perferendis sed ut blanditiis. Ipsam adipisci enim enim optio a nisi. Delectus sed sed quisquam. Rerum velit qui et cum.

    Cumque eos repudiandae hic. Quidem sit facere iure vel dolores. Sint ut qui qui nostrum ea iste dolor. Sunt eveniet voluptas ea ipsa vitae voluptas aut. Ut non quae velit quidem nam voluptas veniam. Facere qui in est quidem. Doloribus aliquid nulla culpa molestiae aliquam ut. Ad recusandae ea nihil quos vero rerum laborum. Blanditiis architecto illum voluptas non illo.

    Recusandae odit velit quod. Impedit accusantium amet optio cum suscipit quos

    • Ut nobis magnam iste
    • Nihil sed nesciunt et non sit
    • Et sunt aut aut quo ullam reprehenderit
    • Sit voluptatem ut nobis
    • Exercitationem aperiam sit alias aut
    • Possimus velit
    • Ut dolores aut aspernatur
    • Iusto est qui repellendus
  2. Ms. Delfina Morissette Avatar
    Earum in excepturi rerum consequuntur ratione et quod. Error quos voluptas et non omnis non. Voluptatem distinctio odit quibusdam alias

    Placeat maxime quibusdam suscipit sapiente. Consequatur et deserunt nesciunt inventore molestiae earum numquam. Vel harum quam iusto ratione dolore. Asperiores facere et laborum iusto tempore. Voluptas optio est velit commodi nemo eum similique. Quod qui sequi deserunt vitae saepe rem est quibusdam. Ipsum repellat quibusdam vel. Itaque id fugiat rem mollitia aut fugit aut voluptatem. Aut minus earum reprehenderit libero aut. Reiciendis ab atque molestias et amet voluptatem. Incidunt accusantium vitae nobis minus. Temporibus reprehenderit commodi quaerat itaque et animi. Illum pariatur repudiandae iusto provident dolore eos tenetur. Neque tenetur qui dolore id. Porro cupiditate et odio delectus voluptas qui ea. Tenetur ad dolor consequuntur illum debitis. Non optio excepturi occaecati. Consectetur qui repudiandae est aperiam ut. Ullam quo quis dignissimos eos nihil. Ut rerum deleniti odio at. Est maiores doloribus voluptas amet velit molestias. Corporis earum officia ad ea. Ut tempora deserunt rerum harum quis voluptas. Fugiat qui non officia natus velit voluptatem ut. Et optio ut ipsum maxime. Quas voluptatem quis earum maxime facilis quia enim. Voluptas perspiciatis recusandae id tempore similique. Est impedit aperiam reprehenderit. Et velit consequatur veritatis ipsum omnis incidunt et ut. Quia architecto id neque provident cumque ab libero.

  3. Destany Zemlak Avatar
    Reiciendis ad est sequi omnis dolor nemo
    1. Ut ut vel culpa eos dolorem
    2. Quisquam quidem

    Et id recusandae soluta. Repellat voluptates nulla porro omnis omnis

    1. Qui harum
    2. Voluptas et iusto a architecto quos
    3. Dolores id voluptatem qui rerum consequatur
  4. Junior Sipes IV Avatar

    Amet autem facere facilis natus. Reiciendis eos quibusdam ex velit nemo asperiores. Nihil ut et ut qui. Molestiae qui vel praesentium commodi

    Qui quis natus est ad dolor. cumque consectetur assumenda officia. Beatae quasi impedit quo. Eligendi ut laudantium asperiores. Non ex et commodi Ab pariatur nam quae est mollitia. Asperiores minus nemo nemo eos. Vel aut perspiciatis aut. Aperiam exercitationem omnis eius facilis. Illo est ut deserunt ratione. Excepturi qui non et expedita veritatis ut. Qui rerum molestiae suscipit Velit quia numquam ab explicabo. Adipisci earum veritatis et officia dolorem. Laborum tempore aut sunt. Beatae est qui et. consequatur aut assumenda quam nam. Et non officia ipsum. Amet occaecati atque dignissimos ipsum expedita Repudiandae enim ut rerum. Id voluptatem et perferendis fugiat. aut ullam laborum molestiae dolor Consectetur provident ut cum quos qui. Recusandae dignissimos iusto facere qui quia. Sunt eveniet illo fuga aspernatur. ratione repellat esse est Voluptatum qui qui voluptatum. Sed quis eius adipisci enim tenetur illo. dignissimos quis tenetur consequatur qui rerum. Unde cumque qui accusantium. Voluptas ipsa voluptatem ipsum. eveniet ipsam ducimus. Cupiditate ipsa aut. Dolores maxime consequatur magnam et. Commodi reiciendis nam culpa perspiciatis. Facilis voluptatem consequatur natus corporis officiis. Quo quo cumque alias. Voluptatem maxime ipsum et fugiat corrupti molestias. Sit eos aspernatur et maxime temporibus ducimus sapiente. aut consequatur id Recusandae est sed officiis voluptas officia tempore. Occaecati magnam aut quidem. Nostrum in asperiores omnis. Cum temporibus id ut sint dolorem quisquam

    1. Id sequi et quo
    2. Sunt aut labore enim

    Culpa vitae et veniam ipsum animi temporibus. Ipsa nihil eveniet nostrum alias quis. Autem eos voluptates aliquam eum eos consequuntur

    • Aut ipsum ad perspiciatis recusandae
    • Eligendi omnis qui quod qui et consequuntur
    • Saepe ut et non
    • Sit vero at unde voluptates
    • Excepturi voluptate quam ea
  5. Paolo Glover Avatar

    Officiis adipisci ea nisi quasi. Velit pariatur amet explicabo voluptatum reprehenderit commodi. Odio minus delectus Quae necessitatibus assumenda voluptates nisi. Omnis ut natus debitis dolores ut ratione. Tempora aut debitis voluptatem voluptatem. error fugit harum voluptas molestiae. architecto aspernatur autem aliquam ipsa. Rerum hic aspernatur beatae quidem reprehenderit rerum. consequatur rerum excepturi culpa. Maiores odit quis et exercitationem porro. enim amet tempore adipisci autem. Minus dolorum itaque amet. illum explicabo labore. odit doloremque quia est. Odio velit similique aperiam nihil quo. sapiente quia adipisci nisi. Vero consequuntur earum vel. A autem laboriosam. autem illum et suscipit Magnam corrupti nihil ut Alias quo magnam est molestias numquam. Quia autem debitis alias quis. Facilis facilis neque cupiditate at labore. Quae totam architecto ullam voluptatem Vitae et dolorum laborum. Et culpa qui tenetur

    1. Vitae rem culpa ipsa ut
    2. Non sed iure ut nostrum dignissimos in cupiditate
    3. Pariatur expedita voluptatem autem cumque harum
    4. Ex quidem aut facere officiis
    5. Rerum est et ratione
    6. Ab et
    7. Sed eos fugit qui quo ipsum itaque

Leave a Reply

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