# 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](https://1695532416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmjLQ2aX6DHMCbTSBODu%2Fuploads%2FcAKfpx57KCbKEh69xQ59%2FImage%20Grid%20-%20New.png?alt=media\&token=1a7b3e20-ec9c-42a8-bcda-8e2508aa55da)

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.