3 Columns

Add three equal-width, reusable blocks of content, side-by-side. Columns stack left to right on mobile.

Examples

Carnation

carnation–landing-page__3-columns

Lily

lily–landing-page__3-columns

Rose

rose–landing-page__3-columns


Areas it Can Be Used

  • Content Area
  • Bottom Area

How it Works

landing-page__3-columns-dropdown

  • Select 3 Columns from the Paragraphs dropdown.
  • Title: Optional large, all caps title at the top.
  • Add custom blocks to the Left Column, Center Column, and Right Column fields.

Learn more about custom blocks ⇒

landing-page__3-columns-options

If you want to add multiple rows of content with 3 columns, add a new 3 columns paragraph for each set of two you want (e.g., if you have seven blocks of content, add three 3 columns paragraphs).


Content Types That Support this Paragraph

Last modified August 31, 2023: DS-28 docs: Lint paragraphs (d93895a0d)