> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Collage Settings

## Collage
The Collage panel contains two options that help you configure grids using a Collage layout:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1wq0nbq.png =800x484)

Let’s see what these two options do.

Note: This panel will only be visible if the **Grid Layout** option is set to Collage.
## Even Layout on Device
Through this option you can determine if the cobbles layout should switch to an even layout under certain conditions. This can be useful in scenarios where a cobbles layout doesn’t comfortably fit on smaller viewports.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_t8pwpb.png =800x532)

The available settings, and what they mean, are as follows:
**Keep Collage Always**
The available settings, and what they mean, are as follows:

**Desktop small and smaller**
Switch to an even layout if the viewport is narrower than 1170px.
Approximates the width of a small desktop device.

**Tablet landscape and smaller**
Switch to an even layout if the viewport is narrower than 1024px.
Approximates the width of a tablet in landscape orientation.

**Tablet and smaller**
Switch to an even layout if the viewport is narrower than 960px.
Approximates the width of a tablet in portrait orientation.

**Mobile landscape and smaller**
Switch to an even layout if the viewport is narrower than `640px`.
Approximates the width of a mobile/cell phone in landscape orientation.

**Mobile**
Switch to an even layout if the viewport is narrower than 640px.
Approximates the width of a mobile/cell phone in portrait orientation.
## Use Collage Pattern
When set to **On**, this option allows you to build up a **Collage Pattern** item by item through clicking the + **Collage Pattern** button, then choosing how many columns and rows you wish an item to span. For example, 2:1 means an item will span 2 columns and 1 row.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1oc7dvd.png =800x425)

The cobbles pattern pictured above would look like this in a grid:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1xld4ln.png =800x626)