Skip to main content

Featured Card Block

Overview

The Featured Card Block shows a prominent display of a single topic with options for content. The image used maintains a fixed 16:9 ratio, and responsively adjusts on viewports. The image extends to viewport margins. The Content Card block covers 30% of the image, and appears below the image on mobile under 1024px with a 24px margin between the image.

Contents:

  • Block customization options
  • Block examples:
    • Featured Card Block Content Block
    • Featured Card Block Article Detail Page
featured card illustration

Block Customization Options

Element Required Options Available
Reduce bottom padding N Checkbox
Featured Item Y
  • Content Card Block
  • Article Detail Page
Background color N
  • None
  • Light blue
Override Image N Image Picker
Alt Text N Text Input

Featured Card Block Content Card

hurricane

Eyebrow

Content Card Block Header

Content Card Block description.

Block above has these settings:

Element Option Selected
Featured Item Content Card
Background color Light blue
Override Image Image 
Alt Text Text Input

Featured Card Block Article Detail Page

Eyebrow

Property Casualty

Meta description about the Article Detail Page.

1 minute

Block above has these settings:

Element Option Selected
Featured Item Article Detail Page
Background color None