Skip to content

Commit debaa83

Browse files
committed
fix Card picture example
1 parent 9a01a13 commit debaa83

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

packages/react/src/Card/Card.features.stories.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -180,7 +180,10 @@ export const ImageAndLabel: StoryFn<typeof Card> = () => {
180180
export const ImageUsingPictureElement: StoryFn<typeof Card> = () => {
181181
return (
182182
<Card href="https://github.com">
183-
<Card.Image as="picture" src={placeholderImage} alt="placeholder, blank area with an gray background color" />
183+
<picture>
184+
<source srcSet={placeholderImage} media="(min-width: 600px)" />
185+
<Card.Image src={placeholderImage} alt="placeholder, blank area with an gray background color" />
186+
</picture>
184187
<Card.Heading>Code search & code view</Card.Heading>
185188
<Card.Description>
186189
Enables you to rapidly search, navigate, and understand code, right from GitHub.com.

0 commit comments

Comments
 (0)