> For the complete documentation index, see [llms.txt](https://drupalninja.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://drupalninja.gitbook.io/guide/managing-blocks/gallery.md).

# Gallery

The gallery block renders a grid of image thumbnails with pop-up modals for full-sized images.

### Creating a Gallery

1\. Go to /block/add/gallery to add a Gallery block. Add images using the media library. The images will render in rows of 4.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FVM09enh2bZMELgrEvWcv%2FScreen%20Shot%202023-01-12%20at%206.17.52%20PM.png?alt=media&amp;token=ab87ca0c-67ea-4a5f-bd47-808f9796d098" alt=""><figcaption><p>Add gallery form</p></figcaption></figure>

2\. After saving and placing the block you will see a block similar to the screenshots below.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FGoeM5wMPZNbELvABm1rh%2FScreen%20Shot%202023-01-12%20at%206.41.20%20PM.png?alt=media&amp;token=1a585945-adea-4bd3-bd24-cdfed8223d77" alt=""><figcaption><p>Homepage gallery block</p></figcaption></figure>

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2Fp6hw4WMhTqYxkXMuXmsA%2FScreen%20Shot%202023-01-12%20at%206.41.28%20PM.png?alt=media&amp;token=7c60f4e6-7c44-455e-acf3-701613c958cc" alt=""><figcaption><p>Gallery modal</p></figcaption></figure>