“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.
Build Confidence in Your UX Design Portfolio: How to Overcome Impostor Syndrome

Have you ever doubted the quality of your design portfolio, feared that you’d lose out on a great client or worried abou
- 190 shares
- 2 weeks ago
Stop the Generic Portfolio Trap! Design a Stand-Out Portfolio for Your UX/UI Niche: Game UX

Game UX transcends 2D screens and draws players into unique and fascinating adventures. As a Game UX Designer, your work
- 195 shares
- 2 weeks ago
Stop the Generic Portfolio Trap! Design a Stand-Out Portfolio for Your UX/UI Niche: UI Design

A sleek interface is not just about aesthetics—it’s the mark of a seamless user experience. As a UI (user interface) des
- 226 shares
- 2 weeks ago
Level Up Your LinkedIn: Craft a UX Design Profile That Attracts Clients and Top Recruiters

In today's competitive job market, if you’re a UX designer seeking career advancement, you need to build a strong online
- 253 shares
- 2 weeks 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.
Build Confidence in Your UX Design Portfolio: How to Overcome Impostor Syndrome

Have you ever doubted the quality of your design portfolio, feared that you’d lose out on a great client or worried abou
- 190 shares
- 2 weeks 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