# Mosaic

Design a custom layout with multiple block types to create custom pages and sections. Add up to three blocks with this section to build patterns that can easily be modified:

<figure><img src="/files/oqpg36PdtULJdG1U5v4Z" alt=""><figcaption><p><strong>Mosaic section used as location links</strong></p></figcaption></figure>

Choose from a range of Pipeline's blocks:

<figure><img src="/files/mUSp7KelXfHKHGd4PHm6" alt=""><figcaption><p><strong>Add various block types</strong></p></figcaption></figure>

Combine multiple sections to display more items:

<figure><img src="/files/qpEoeTuR6p2w0W1qrIWh" alt=""><figcaption><p><strong>Two mosaic sections combined</strong></p></figcaption></figure>

Mobile devices will display a stacked view of the blocks:

<figure><img src="/files/TVofpraRdxzgXKX7pbFq" alt=""><figcaption><p><strong>Stacked mobile view</strong></p></figcaption></figure>

### Section settings

In the section settings, you'll find different layout options to easily change the pattern of your mosaic.

#### First block height

When setting the *First block height* option to Short, the first block in the section is displayed smaller followed by a short second block:

<figure><img src="/files/5VZUpedjMZxirZ5NlUtA" alt=""><figcaption><p><strong>Short first block height</strong></p></figcaption></figure>

Using Tall first will change the layout, beginning with a tall image first image and also pushing the second image to the next column:

<figure><img src="/files/AwgRpEDobauMLlgNsioh" alt=""><figcaption><p><strong>Tall first block height</strong></p></figcaption></figure>

#### Split

The Split option will adjust the column size based on your selection. When Right is selected, the left side is longer, followed by the split and then a narrower column for the right side:

<figure><img src="/files/fIYSny1UmnAhWJCk3viI" alt=""><figcaption><p><strong>Right split</strong></p></figcaption></figure>

The Center option will move the split to the middle:

<figure><img src="/files/UIsOebe1n8gNjLRll8C6" alt=""><figcaption><p><strong>Center split</strong></p></figcaption></figure>

The Left option will move the split to the left side making the first column narrow and the second wider:

<figure><img src="/files/i0fkkJwq7B5uOQPIvHyL" alt=""><figcaption></figcaption></figure>

Use in combination with the *First block height* to transform the layout style:

<figure><img src="/files/jL6lG3FlcgeBjMX3zqkm" alt=""><figcaption><p><strong>Tall and Left</strong></p></figcaption></figure>

### Block settings

Use the block settings for each block type to custom configure individually. Each block has custom text, images, link options, and more.&#x20;

<div><figure><img src="/files/7TSmrW6nTJlKz9OoTV2e" alt=""><figcaption><p>Sample of image block settings</p></figcaption></figure> <figure><img src="/files/3vUmfN8XWFpMCxjCNC4u" alt=""><figcaption><p>Sample of product block settings</p></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pipeline.groupthought.com/sections/list-of-sections/mosaic.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
