Resource Grid Block
Display downloadable resources in a responsive grid with thumbnail images, descriptions, and download or link buttons. Ideal for white papers, brochures, reports, and any content with a visual cover and a call to action.
Resource grids present downloadable or linkable resources in a visual card layout. Each card can display a thumbnail image (such as a document cover page), a title, a description, and a call-to-action button. The grid is responsive and adjusts from the configured column count down to a single column on mobile.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Columns | No | Number of columns in the grid (2, 3, or 4). Default: 3 |
| Items | Yes | Array of resource items to display |
Resource Item Properties
| Property | Required | Description |
|---|---|---|
| Title | Yes | Resource heading text |
| Description | Yes | Brief summary of the resource content |
| Thumbnail Image | No | Cover image or preview displayed at the top of the card. Recommended aspect ratio: 16:11 |
| Link Type | Yes | Either Download File (attaches a file for download) or External URL (links to an external resource) |
| Button Label | No | Custom label for the action button. Defaults to Download |
| Download File | When link type is Download | The file to attach for download (PDF, ZIP, or any file type) |
| External URL | When link type is External | The URL to link to |
How It Differs from Card Grid
The resource grid is designed specifically for downloadable or linkable resources with visual covers. While card grids use small icons and are suited to feature overviews, resource grids display large thumbnail images and include file download or external link actions.
| Feature | Card Grid | Resource Grid |
|---|---|---|
| Visual element | Small icon (32px) | Large thumbnail image (full width) |
| Primary action | Optional page or external link | Download file or external link with button |
| Best for | Feature lists, navigation hubs | White papers, reports, brochures, templates |
| Description format | Rich text | Rich text |
| Column options | 2, 3, or 4 | 2, 3, or 4 |