50/50 Cards

What is a 50/50 card block?

The 50/50 card is a horizontal content “band” that typically displays an image on one side and text information on the other. It can include an image, in addition to an eyebrow, a title, a description, and an action button.

Example of a 50/50 Card

Topic Category

Heading with a catchy description of the topic

Short teaser with engaging details about the topic, for example, department news, an upcoming event, or a new resource or publication.
Link to learn more about the topic

How to add 50/50 cards: 

  1. In the page edit view, add a new block called 50/50 Cards.
  2. The following empty blocks will be placed: a 50/50 Cards block with Section Heading and 50/50 Card Items blocks nested within.
  3. In the section heading block, optionally fill out the Heading and Introduction fields or add Calls to Action links by clicking the plus icon in the lower right.
  4. Fill out the first card by adding an Eyebrow, Heading and/or Body text. You can also add the following by using the block settings on the right sidebar:
    1. Add an Image and alt text by using the Alt override field.
    2. Image position: Choose whether the image should be displayed on the right or left.
  5. To add more cards, select the parent 50/50 cards items block, then click the plus sign at the lower right.
  6. Select the outermost 50/50 cards block to show further configuration options in the block settings in the right sidebar:

Blocks and components

Paragraph Heading List Image Accordion Button Style Cards Text Block Call To Action Links 50/50 Cards Vertical Cards Simple Table Custom HTML Post List Hero Horizontal Rule Images