“Article Card” Component
Design: https://zpl.io/brMNL1W.
The article card features the hero image of the UX Daily article, with the article title laid over the image. The hero image is cropped and centered to fit the card's size.
Small Card
Small Card take full width in small screen, 4 columns in medium screen and 3 in large screen. Title is in kilo type font.
You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet)
Ever walked out of a presentation thinking, “That could’ve gone so much better, maybe I’m just not a presenter”? You’re
- 65 shares
- 4 days ago
The 5 Pixar Storytelling Principles That Will Redefine How You Present and Fast-Track Your Career
Ever sat through a presentation that felt like watching paint dry? You’re not alone. Most presentations miss one vital i
- 81 shares
- 1 day ago
Use Feedback as Your Superpower: Learn, Improve, Shine
Feedback: the word alone can inspire apprehension. Yet, it’s the lifeblood of great design. Whether it’s subtle critique
- 216 shares
- 1 mth ago
How to Find Your Voice: Speak with Confidence and Clarity
You’ve heard it before “It’s not what you said—it’s how you said it.” Your voice can change how people feel—even if your
- 223 shares
- 1 mth ago
Large Card
Large Card take full width in small screen, 8 columns in medium screen and 6 in large screen. Title is in mega type font.
You’re Not Bad at Presenting; You Just Haven’t Mastered the Right Way (Yet)
Ever walked out of a presentation thinking, “That could’ve gone so much better, maybe I’m just not a presenter”? You’re
- 65 shares
- 4 days ago
Usage
@include('components.cards.article', ['article' => $article])
@include('components.cards.article', ['article' => $article, 'large' => true])Props
-
article (required)App\Modules\Publication\Models\Article
Article instance to display.
-
largebool
Becomes large card if true is passed.
Default Value:
false