Responsive 2 Column Article Card Layout

Image: Responsive 2 Column Article Card Layout GIF

An elegant 2 column article layout inspired by card UI, created by Thomas Vaeth based on this dribbble shot. The snippet has some subtle animation when it loads up and will adapt to a mobile device by switching to a single column layout, it will work great for photo blogs.

If you are having trouble with the pen, try the archived copy on GitHub

Hero image in Gif: Pelican from Dribbble

2 Column Article Layout Snippet

See the Pen Dribbble #02 by Thomas Vaeth (@thomasvaeth) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.