> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Media Grid (2)

> Two image tiles side by side, each linking to its own page.

Use **Media Grid (2)** to show two image tiles side by side, such as two featured collections or a women's and men's split. Each tile has its own desktop and mobile image and links to its own page.

## Content per schedule

2 tiles per schedule. In a schedule, click **Add content block** once for each tile. The count shows how many you've added, for example **Add content block (1/2)**. Once both tiles are added, Block Hero shows **Content limit reached (2/2)**.

![Media Grid (2) block page > schedule with two content blocks: the two tiles listed and Content limit reached (2/2)](https://mintcdn.com/blockhero/JdEGr8CZPqTHi1ss/images/blocks/media-grid-content-limit.png?fit=max\&auto=format\&n=JdEGr8CZPqTHi1ss\&q=85\&s=6bc798191f057ce09e6cc322a627e46f)

See [Create a schedule](/docs/scheduling/create-a-schedule.md) for the dates and the rest of the schedule.

## What you schedule in Block Hero

Each tile is a content block. The **Add content block** window has these fields. Each tile needs a **Content Name** and a **Desktop Image**. The **Mobile Image** is optional.

![Media Grid (2) block page > Add content block > Add content block: Content Name, Desktop Image, Mobile Image, Redirect URL and Image alt text](https://mintcdn.com/blockhero/JdEGr8CZPqTHi1ss/images/blocks/media-grid-content-block.png?fit=max\&auto=format\&n=JdEGr8CZPqTHi1ss\&q=85\&s=f7629c2f6796f2e681154bdcfc77cccc)

| Field | What it does on your store |
| - | - |
| **Content Name** | For your reports only. Shoppers don't see it. |
| **Desktop Image** | The tile's image on desktop. |
| **Mobile Image** | The tile's image on phones (screens narrower than 750 pixels). Leave it empty and phones show the **Desktop Image**. |
| **Redirect URL** | The whole tile links here. |
| **Image alt text** | Describes the image for screen readers. Block Hero fills it in from the link and shows **Auto-filled**. You can type your own. See [How alt text is filled in](/docs/blocks/overview.md#how-alt-text-is-filled-in). |

## What you set in the theme editor

Nothing besides the **Block ID**. The block follows your theme's styling.

## Related

> **[Add a block to your theme](/docs/blocks/overview.md)**
>
> Copy the Block ID and add the block in the theme editor.

> **[Collection Grid](/docs/blocks/collection-grid.md)**
>
> Up to four tiles, each with a heading.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.