# Gallery

A Gallery node is use to create a horizontally scrollable carousel of generic card templates. It look likes this.

![Gallery message](https://3241020264-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LV26ZH2qOAtZoupy1GS%2F-M4y1RdYG2SarjB2k5fV%2F-M4y3TafJe0f2x3vx0qm%2Fimage.png?alt=media\&token=5515e2db-312a-43df-8287-a1d8088c39fe)

Gallery is made up of the card elements and card element is a simple structured message that includes a title, subtitle, image, and up to three buttons.

### Fields

* **Card Element** (required) - The card that needs to be pushed to the gallery message.

```javascript
{
  "title": "<card title>", //required
  "subtitle": "<card subtitle>",
  "image_url": "<card img url>",
  "buttons": ["<LINK_NODE_OBJECT>",...] //array of links node
}
```

### Best Practices <a href="#best_practices" id="best_practices"></a>

:white\_check\_mark:Use for messages with a consistent information hierarchy (e.g., product or article previews, weather forecasts).

:white\_check\_mark:Use the correct aspect ratio for your image. Photos in the card template that aren't 1.91:1 will be scaled or cropped. (recommended image size 240 \* 140 pixels)

:x:Don’t use if your message doesn't have structured information or require hierarchy.

:x:Don't use if you need people to be able to zoom your image to full screen.