primer
diff --git a/‎.changeset/spicy-hairs-attend.md
+5 b/‎.changeset/spicy-hairs-attend.md
+5
diff --git a/‎packages/react/src/Card/Card.module.css
+8 b/‎packages/react/src/Card/Card.module.css
+8
diff --git a/‎packages/react/src/Card/Card.visual.spec.ts-snapshots/Visual-Comparison-Card-Card-Full-Width-1-linux.png
10.2 KB b/‎packages/react/src/Card/Card.visual.spec.ts-snapshots/Visual-Comparison-Card-Card-Full-Width-1-linux.png
10.2 KB
diff --git a/‎packages/react/src/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.visual.spec.ts-snapshots/Visual-Comparison-SolutionsOverview-SolutionsOverview-Dark-1-linux.png
2.07 KB b/‎packages/react/src/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.visual.spec.ts-snapshots/Visual-Comparison-SolutionsOverview-SolutionsOverview-Dark-1-linux.png
2.07 KB
diff --git a/‎packages/react/src/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.visual.spec.ts-snapshots/Visual-Comparison-SolutionsOverview-SolutionsOverview-Light-1-linux.png
1.71 KB b/‎packages/react/src/recipes/SolutionTemplates/SolutionsOverview/SolutionsOverview.visual.spec.ts-snapshots/Visual-Comparison-SolutionsOverview-SolutionsOverview-Light-1-linux.png
1.71 KB
@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Sets the maximum widths for the heading and description of the `Card` component.
@@ -125,11 +125,19 @@
   grid-area: heading;
 }
 
+.Card--fullWidth .Card__heading {
+  max-width: 320px;
+}
+
 .Card__description {
   margin-bottom: var(--base-size-32);
   grid-area: description;
 }
 
+.Card--fullWidth .Card__description {
+  max-width: 400px;
+}
+
 .Card__action {
   grid-area: action;
   margin-top: auto;