# Team Grid

> Render team, advisor, or expert profile cards.

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

`team_grid` renders four profile cards with image fallbacks, role text, short bios, and optional links.

## When to Use

Use it for founder sections, service teams, advisory boards, expert rosters, or community pages.

## Usage

```markdown
{{/* team_grid(title="Meet the team", member_1_name="Alex", member_1_role="Founder") */}}
```

## Live Example

{{ team_grid(
container="md",
eyebrow="Team",
title="Built by focused operators",
description="Use image URLs when available or rely on clean initial fallbacks.",
member_1_name="Alex Rivera",
member_1_role="Product",
member_1_bio="Turns strategy into shippable sections.",
member_2_name="Maya Chen",
member_2_role="Design",
member_2_bio="Keeps the system minimal and precise.",
member_3_name="Jon Bell",
member_3_role="Engineering",
member_3_bio="Protects performance and maintainability."
) }}

## Parameters

| Parameter         | Description                                  |
| ----------------- | -------------------------------------------- |
| `container`       | Inner content width.                         |
| `eyebrow`         | Small uppercase label above the heading.     |
| `title`           | Section heading.                             |
| `description`     | Supporting copy.                             |
| `member_N_name`   | Member name, up to 4.                        |
| `member_N_role`   | Member role.                                 |
| `member_N_bio`    | Short bio.                                   |
| `member_N_avatar` | Optional avatar image URL.                   |
| `member_N_href`   | Optional profile URL.                        |
| `bg`              | Full-width section background token.         |
| `class`           | Additional CSS classes on the outer section. |