# Image Grid

Image Grid adalah komponen di Tribeliopage yang berfungsi untuk menambahkan kolase gambar yang ingin kamu tampilkan pada landing page.

## Tutorial

![Image Grid Component](/files/mwPpEjNi0ayzLviYK9tU)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat
2. Klik "**Add Component**" di bagian Landing Page Builder
3. Pilih menu "**Media**"
4. Klik "**Image Grid**"
5. Kamu bisa upload Image per kolase dengan klik "**Upload Image or GIF**" di tiap  komponen Image
6. "**URL**" untuk menambahkan link di setiap **Image** yang berfungsi untuk mengarahkan (*redirect*) user ketika meng-klik Image
7. "**Caption**" untuk menambahkan teks di setiap Image
8. "**Delete**" untuk menghapus salah satu Image
9. "**Swap Image**" mengubah posisi Image

## Image Grid Setting

1. Untuk menambahkan Background Color, klik menu "**Setting"** lalu pilih warna untuk komponen Image Grid kamu
2. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background
3. Jika kamu ingin menghapus semua pengaturan Image Grid yang telah kamu buat, klik tombol "**Reset**" yang berada di bagian bawah layar.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.tribeliopage.com/page-builder/image-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.