Cards Block

The Cards block can be used to highlight a list or series of related projects, programs, events, or other information. You can choose to display between 2-9 cards per block. Cards are organized in a grid and each card can be customized individually through the settings.

Best practices

Image size is 480px x 360px. Image dimension is 4x3.
Keep text concise. A short description is normally the best option for a card. Link the card to a new page for more detailed and lengthy information.
Be mindful of the overall design of the page when considering using multiple color themes for one block of cards.
Double-click the text in the card or the button to edit it.

Settings

Cards

Quantity: you can pick between 2 and 9 cards per block

Card

Theme: orange, blue
Image: first (image on top), last (image on bottom), or none
Alt Text: If you use an image, you much include descriptive alt text
Button: yes/no
Photo Credit: text field to provide photography rights information (optional)

Button

Title: (optional) description of the button text or destination
URL: link to new page or site
Target: load the link contents in the current window/tab or a new window/tab

This component has multiple elements. Be sure to select the element you want to apply settings to. Selected elements are indicated by the blue highlight. Click the up arrow to select element layer above.