# Featured cards

The featured cards section displays a grid of visual cards that can highlight products, collections, or editorial content. It is designed to present information in a highly visual and structured format to improve engagement and browsing clarity.

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

#### Show header

Controls the visibility of the section header above the cards. When enabled, the heading and subheading are displayed if set.

#### Direction

Defines the layout direction on desktop. Set to “Column” to stack content vertically; mobile always uses a column layout for usability.

#### Heading

The main heading displayed for the section. Default is “Featured cards”. Leave blank to omit.

#### Subheading

Optional supporting text shown below the heading to provide additional context or introduction. Leave blank to omit.

#### Card aspect ratio

Defines the aspect ratio used for all cards in the grid. Default is 2:3, with support for focal points to control image cropping focus.

#### Grid columns (desktop)

Sets the number of columns used to display cards on desktop. Default is 4, creating a dense visual grid.

#### Grid columns (mobile)

Sets the number of columns used to display cards on mobile devices. Default is 1 for optimal readability and usability.

#### Vertical spacing

Controls the spacing around the section to adjust its separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent spacing across screen sizes.


---

# 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://gatame.gitbook.io/highstreet/dynamic-sections/editorial/featured-cards.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.