image-columns

layout:image-columns

This basic content layout can be activated by applying the tag layout:image-columns to a published basic subpage.

On desktop the columns will render in a 3-column grid, as the screen size shrinks it will reduce to 2 column and single column on mobile.

The columns will always render in stacked order of:

1. Image
2. Header
3. Text

#Data Mappings

• Header text = basic page headline
• Body text = basic page content
• An image column will be rendered for each nested published basic page:
  • Column Image = nested page attachment (first image)
  • Column Header = nested page headline
  • Column Text = nested page content