C080 Flexible Card Grid

Component Detail

A versatile component that can be used to feature a minimum of 2 — up to a maximum of 8 — pieces of teaser content. Cards are intended to flex their dimensions to adapt horizontally to the number of grid items displayed and vertically based on the amount of content they contain. For 2-3 items, cards will display at 33.33% the container width (excluding gutters). For 4-8 items, cards will uniformly display at 25% the container width (excluding gutters), with items in excess of 4 wrapping onto a new row. Row content should be center-aligned regardless of the number of cards displayed.

Content authors may optionally omit the teaser title (section heading) for this component when content is closely associated or intended to be “paired” with the component preceding it (e.g., Perspective lockup with C007B). When the teaser title is omitted, the space for the heading and spacing below it will collapse, shortening the spacing above the card content.

Interactions

The entire container area of each card is interactive and can either be linked to an internal/external child page, trigger display of video content in an overlay or initiate download of a document to the user’s machine.