# 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        |