Skip to main content

Card Container

Description

The Card Container is a component designed to standardize a row of cards that will

  • have the same height
  • stack automatically on mobile devices

*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 can only be used for the Image Card and Icon Card components. No configurations needed. 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. Use view as published to see the actual rendering.

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