# Image Grid 🌠

{% embed url="<https://youtu.be/OlroKX2MFp0>" %}

#### Customizing Image Grid Block 🌠:

<figure><img src="/files/xSh2ve6wOGWZZzoLFdf6" alt=""><figcaption></figcaption></figure>

* **Add an image block:**
  * Click on the "Add Blocks" option in the builder interface.
  * Look for the "Image" block in the block library and drag it onto the canvas area.

<figure><img src="/files/jnyuQiq1e7VUgq58TCwf" alt=""><figcaption></figcaption></figure>

* **Image selection:**
  * Within the image block, there should be a button or option to select an image.
  * Click on the "Choose File" or a similar button to open the file selection dialog.
  * Select the desired image file from your device to upload it to the builder.
* **Image alt text:**
  * In the same image block, there should be a field or option to enter the alt text for the image.
  * Enter a descriptive alt text that provides a brief description or alternative representation of the image.
  * This alt text is important for accessibility purposes and search engine optimization.
* **Destination URL:**
  * In the image block, there should be a field or option to enter the destination URL for the image.
  * Provide the URL where you want the image to link to when clicked.
  * You can enter the complete URL, including the "https\://" or "http\://" prefix.
* **Submit button:**
  * In the image block, there should be a submit button or an option to save your changes.
  * Click on the submit button to apply the selected image, alt text, and destination URL to the block.


---

# 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.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/standard-blocks-the-foundation-of-your-website/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.