---
description: Promote collections with a mosaic style layout
---

# Mosaic

Build a beautiful mosaic layout with this quick and easy-to-use section. Promote collections with this easy mosaic builder with up to three collections per section:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FBFvper7jGJXsEHYugjDN%2F3way-colorful.jpg?alt=media&#x26;token=19a0c786-5b85-418a-9ae6-557a38f127eb" alt=""><figcaption></figcaption></figure>

With two collection blocks, the section will be displayed in a two-column pattern:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2F4OU5X4QlkiIT6aajMVYx%2F2way-colorful.jpg?alt=media&#x26;token=6f68e20a-ea25-4a4a-b4e8-d668b9bea9dd" alt=""><figcaption></figcaption></figure>

### Section settings

Use the section settings to configure:

* Heading and text.
* Section background color.
* Block style, including image ratio size, text placement, text alignment, and font.
* Section spacing with top and bottom padding plus section width.

Experiment with different text positions:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FMi2CfN2g7I1ccB7LhKW3%2Fsection-settings-2blocks-left-mosaic.jpg?alt=media&#x26;token=24adcd8a-81f4-4658-8bb7-e2fca517841c" alt=""><figcaption></figcaption></figure>

### Block settings

Each collection block can be configured individually:

* Collection to promote.
* Override the name to display, image, and link.
* Choose the background and foreground colors for the text area:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FgGLl7HgYDsFQUGa7CqQK%2Fblock-text-background.jpg?alt=media&#x26;token=ae09b8d7-9f47-4f71-a73b-adf2010e2db5" alt=""><figcaption></figcaption></figure>
