âArticle Cardâ Component
Design: zeplin.
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.
Land That Job: What Top Design Leaders Really Look for in a Portfolio
![](https://public-images.interaction-design.org/literature/articles/heros/article_131437_hero_6698f681871ba0.58758568.png?tr=w-1000)
Learn from the bestâdesign experts reveal exactly what they look for in a portfolio. Get ready to transform your career
- 157 shares
- 1 week ago
Design with Intent: Craft Your Portfolio with Visual Storytelling Tools
![](https://public-images.interaction-design.org/literature/articles/heros/article_131436_hero_6698c7842ed641.47357255.png?tr=w-1000)
Does your UX/UI portfolio look like a dry textbook or a captivating story? Use typography, colors, layout and accessibil
- 178 shares
- 1 week ago
Keep it Confidential: How to Showcase Your NDA-Protected Design Work
![](https://public-images.interaction-design.org/literature/articles/heros/article_131435_hero_6697b8f464e3f7.81649534.png?tr=w-1000)
Are you struggling to showcase your best projects in your design portfolio because of NDAs? It's a common dilemma for de
- 176 shares
- 1 week ago
Turn Your Non-Design Experience into Design Portfolio Gold
![](https://public-images.interaction-design.org/literature/articles/heros/article_131434_hero_669796ede6c8c5.90450021.png?tr=w-1000)
Have you ever wondered how to transition into UX and product design from a different career background without feeling i
- 169 shares
- 1 week 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.
Land That Job: What Top Design Leaders Really Look for in a Portfolio
![](https://public-images.interaction-design.org/literature/articles/heros/article_131437_hero_6698f681871ba0.58758568.png?tr=w-1000)
Learn from the bestâdesign experts reveal exactly what they look for in a portfolio. Get ready to transform your career
- 157 shares
- 1 week 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