Skip to main content

Card Container

The Card Container is a Container-type component designed to standardize a row of cards. Putting multiple Image Card v2 or Icon Cards in the same Card Container will force them to display at the same consistent height on Desktop views and automatically stacked on Mobile views.

*Note: emphasis is put on "a row" as the Card Container will only function with a SINGLE row of cards. If multiple rows are needed, Authors will need to stack Card Container components for each row.

Authoring

The Card Container component has no configurations needed; you just insert additional components inside. Card Containers can only be used to insert Image Card and Icon Card components. Once a row of Icon Cards or Image Cards are added inside a Card Container, they will automatically adjust their height to the tallest card.

You must use "View as Published" to see the proper rendering height of Cards in the Card Container!

Examples

Card Container With Image Cards

No title Description text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

No Image

Description text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Card Container With Icon Cards

No Icon

Description text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

No Title Description text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

No Description