This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

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