> For the complete documentation index, see [llms.txt](https://bigstart.gitbook.io/marble-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bigstart.gitbook.io/marble-documentation/content-sections/masonry.md).

# Masonry

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FK0OIXtFMFZCeaCWbXEeU%2Fimage.png?alt=media&amp;token=8aa07b3c-aa6a-49ae-ad2c-b9090017d7ff" alt=""><figcaption></figcaption></figure>

The purpose of the section is to highlight products, collections, pages, or anything else in a different layout.

The main settings in the section are the ones listed [here](/marble-documentation/content-sections/common-settings.md) with some additional ones listed below.

In addition there are some layout settings like: Fullwidth and Side margins. Beside that, you can pick the cards settings like:

* cards type/size
* card content layout
* enable/disable background overlay

The items seen in the section are added through blocks where each block is one card:

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2F97PkH4QMKtpU0wUmpfh2%2Fimage.png?alt=media&amp;token=07ac0082-6a50-4f1b-9a52-2c11e8fc7fc9" alt=""><figcaption></figcaption></figure>

For each card you have the following settings:

* image
* subheading and heading
* URL for the link
* link text

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FG9TImbkmfbDU03utevl2%2Fimage.png?alt=media&amp;token=92d9f151-c596-4e8d-a3c1-c8cc685b4b7f" alt=""><figcaption></figcaption></figure>
