Basic card

Card with a call to action

Card with extra links

Horizontal card

Horizontal cards use a slightly modified structure, with an inner container added to the text area to centre it vertically. They use a similar mechanism to the sidebar layout, to switch from vertical to horizontal alignment without a media query.

Image credit

Photo by Steve Johnson on Unsplash