# Blog posts grid

### Section overview

The Blog posts grid section displays a customizable grid of blog articles, allowing merchants to showcase recent or featured content from their blog.

#### Common use cases

* Highlighting recent blog posts on the homepage
* Featuring selected articles in a dedicated section on any page
* Creating a curated reading list of related content
* Displaying news or updates in a visually appealing grid format

#### Usage tips

* Keep the article count balanced with your layout - 3 articles works well for most designs
* Use a clear, concise heading that describes the content (e.g., "Latest Updates" or "Featured Articles")
* Consider mobile display - content stacks differently on smaller screens
* Ensure your article featured images are consistent in size and style for a cohesive look

### Section settings

| Setting         | Description                                      |
| --------------- | ------------------------------------------------ |
| Blog            | Select which blog to pull articles from          |
| Total items     | Set the number of articles to display            |
| Heading         | Add a title for the section                      |
| Content         | Add descriptive text to introduce the articles   |
| Button label    | Text to display on the button                    |
| Button url      | URL the button links to                          |
| Spacing top     | Control the top padding (0-300px)                |
| Spacing bottom  | Control the bottom padding (0-300px)             |
| Color scheme    | Choose the background and text color combination |
| Border color    | Select the color intensity for borders           |
| Button color    | Choose the style and color of the button         |
| Border position | Select where borders appear around the section   |
| Row desktop     | Number of articles per row on desktop (2-4)      |
| Row mobile      | Number of articles per row on mobile (1-2)       |
| X alignment     | Control horizontal alignment of section content  |
| Visibility      | Control display on different device types        |


---

# 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.brickspacelab.com/paper/sections/content-and-media/blog-posts-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.