> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/shared-settings/collage-grid.md).

# Collage grid

**Position**\
Sets the position of media (products or banners) within the section:

* **Left** – Aligns to the left.
* **Right** – Sets to the right.

**Width on desktop**\
Adjusts how much horizontal space media takes on desktop screens (50-70%).

**Desktop row height**\
Sets the content height in the section (100-300 px).\
*Note: This value is used to build the layout, and it automatically adjusts on smaller desktop screens.*

**Gap**\
Controls the spacing between text and media content in the collage grid (30-150 px).

{% hint style="success" %}
Example from the '*Product collage*' section.
{% endhint %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FnvNf7EKuFnfCa901YSaX%2Fproducts%20collage_collage%20grid.png?alt=media&amp;token=de57d5dc-b997-401d-b186-f0465014385e" alt=""><figcaption></figcaption></figure>