Text Columns
layout:text-columns
The Text Columns layout displays short, related content blocks side by side on desktop and stacks them on smaller screens.
#Module-page mapping
| Visible element | NationBuilder field |
|---|---|
| Section heading | Module page headline |
| Introductory copy | Module page content |
Nested column-page mapping
| Visible element | NationBuilder field |
|---|---|
| Column heading | Child page headline |
| Column copy and links | Child Basic page content |
The layout supports up to four columns on desktop. Additional children still render, but they use the four-column sizing, so keep a single module to four children or fewer. Reorder child pages to change the left-to-right order.
Use columns for content of similar length. For long or structurally different content, use several default modules instead.
become_accredited_text_columns is a current two-column example.