Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions docs/content/components/card.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ A card can have a title, body and footer.
A card can have an image cover.

<div className="card card-image-cover">
<img src="https://source.unsplash.com/random/300x200" alt="" />
<img src="https://picsum.photos/300/200" alt="" />
<div className="card-body">
<h2 className="card-header">Maximizing Your Productivity at Work</h2>
<p className="text-content2">Are you looking to increase your productivity at work? </p>
Expand All @@ -64,7 +64,7 @@ A card can have an image cover.

```html
<div className="card card-image-cover">
<img src="https://source.unsplash.com/random/300x200" alt="" />
<img src="https://picsum.photos/300/200" alt="" />
<div className="card-body">
<h2 className="card-header">Maximizing Your Productivity at Work</h2>
<p className="text-content2">Are you looking to increase your productivity at work? </p>
Expand All @@ -88,7 +88,7 @@ A card can have an image cover at the bottom.
<button className="btn-secondary btn">Learn More</button>
</div>
</div>
<img src="https://source.unsplash.com/random/300x200" alt="" />
<img src="https://picsum.photos/300/200" alt="" />
</div>

```html
Expand All @@ -101,7 +101,7 @@ A card can have an image cover at the bottom.
<button className="btn-secondary btn">Learn More</button>
</div>
</div>
<img src="https://source.unsplash.com/random/300x200" alt="" />
<img src="https://picsum.photos/300/200" alt="" />
</div>
```

Expand Down