Cards¶

Cards are a visually appealing way to present content. They can be used to highlight features, group related information, or create structured layouts.

We rely on the Sphinx Design extension for implementing cards.

Syntax¶

In MyST Markdown, cards are created using the :::{card} directive and grouped with the ::::{grid} directive. The basic format is:

::::{grid} 2
:::{grid-item-card} Card Title
Card content goes here.
:::
::::

Examples¶

Basic cards¶

::::{grid} 2
:::{grid-item-card} Card 1
This is the content of the first card.
:::
:::{grid-item-card} Card 2
This is the content of the second card.
:::
::::

Renders:

See also¶

• Sphinx Design: Cards