# FAQ Grid

> Render static FAQ cards in a responsive grid.

Canonical HTML: https://press.varavel.com/docs/shortcodes/faq-grid/
Markdown: https://press.varavel.com/docs/shortcodes/faq-grid/index.md

`faq_grid` renders concise question-and-answer cards without Alpine.js.

## When to Use

Use it when all FAQ answers should remain visible for scanning, SEO, and quick objection handling.

## Usage

```markdown
{{/* faq_grid(title="Questions", q_1="Does it need JavaScript?", a_1="No.") */}}
```

## Live Example

{{ faq_grid(
container="md",
title="Common questions",
q_1="Does this require custom CSS?",
a_1="No. The shortcode uses the theme tokens and spacing scale.",
q_2="Can answers be short?",
a_2="Yes. Keep FAQ copy direct and practical.",
q_3="When should I use the accordion?",
a_3="Use faq_accordion when the page needs a more compact interaction."
) }}

## Parameters

| Parameter     | Description                                  |
| ------------- | -------------------------------------------- |
| `container`   | Inner content width.                         |
| `eyebrow`     | Small uppercase label above the heading.     |
| `title`       | Section heading.                             |
| `description` | Supporting copy.                             |
| `q_N`         | Question text, up to 8.                      |
| `a_N`         | Answer text.                                 |
| `bg`          | Full-width section background token.         |
| `class`       | Additional CSS classes on the outer section. |