Cards with Wide Attribute

src/pages/blocks/cards/cards-wide.md

@@ -0,0 +1,59 @@
+---
+title: Cards - Wide Variant
+description: Display cards with a wide image using the Cards block wide variant.
+---
+
+# Cards - Wide Variant
+
+Cards with a wide image layout. See [Cards parameters](index.md) for `slots`, `width`, and other options.
+
+## Syntax
+
+```markdown
+<Cards slots="image, heading, text, links" width="33%" variant="wide" />
+
+![Card Image](path/to/image.png)
+
+## Card Heading
+
+Card description text goes here.
+
+[Learn more](link-url.md)
+
+```
+
+## Parameters
+
+- **variant**: `"wide"` — Displays the card with a wide image.
+
+## Example
+
+<Cards slots="image, heading, text, links" width="33%" variant="wide" />
+
+![Card Image](../../assets/column.jpg)
+
+### First Card
+
+This is a sample description for the first card in the grid.
+
+[Learn more](https://developer.adobe.com/)
+
+<Cards slots="image, heading, text, links" width="33%" variant="wide" />
+
+![Card Image](../../assets/column.jpg)
+
+### Second Card
+
+This is a sample description for the second card in the grid.
+
+[Learn more](https://developer.adobe.com/)
+
+<Cards slots="image, heading, text, links" width="33%" variant="wide" />
+
+![Card Image](../../assets/column.jpg)
+
+### Third Card
+
+This is a sample description for the third card in the grid.
+
+[Learn more](https://developer.adobe.com/)

src/pages/blocks/cards/index.md

@@ -42,7 +42,7 @@ Card description text goes here.
 
 ![Card Image](../../assets/column.jpg)
 
-## First Card
+### First Card
 
 This is a sample description for the first card in the grid.
 
@@ -66,4 +66,6 @@ This is a sample description for the second card in the grid.
 
 This is a sample description for the third card in the grid.
 
-[Learn more](https://developer.adobe.com/)
+[Learn more](https://developer.adobe.com/)
+
+For cards with a wide image, see [Cards - Wide Variant](cards-wide.md).

src/pages/blocks/index.md

@@ -68,6 +68,8 @@ Important notices and announcements.
 
 Content cards in grid layouts.
 
+### [Wide Variant](cards/cards-wide.md) - Cards with a wide image
+
 ### [Code](code/index.md)
 
 Markdown code snippet with syntax.

src/pages/config.md

@@ -43,6 +43,7 @@
         - [Accordion](/blocks/accordion/index.md)
         - [Announcement](/blocks/announcement/index.md)
         - [Cards](/blocks/cards/index.md)
+            - [Cards Wide](/blocks/cards/cards-wide.md)
         - [Code](/blocks/code/index.md)
             - [Code Basic](/blocks/code/code-basic.md)
             - [Code Highlighted Line](/blocks/code/code-highlighted-line.md)