Card as content highlight

How to use it

Put a card shaped container behind some content and style it so that it stands out.

When to use it

If you don't want to use a full-width background colour change you can instead use a card shaped background that doesn't stretch the full width of the page, but only the width of the content/column.

What to watch out for

People often see cards when there is some sort of interaction. If your card does not contain interactive elements, users might try to interact with it anyway, especially if the card has a drop-shadow as in the example below.

Examples