Paragraph Columns

This code will display up to two columns of paragraph content. It can be used with or without headings and with or without callouts. On smaller screens, the columns stack into one, from left to right. 

  1. Go to the Primary Body field (this code can also be used in Secondary Body). 
  2. Click the Source button in the Editor Toolbar (#29). 
  3. Copy and paste this code. Replace the underlined portions with the desired content: 

<div class="columns">
<div>
<h3>Heading H3</h3>
<p>Sample paragraph.</p>
</div>
<div>
<h3>Heading H3</h3>
<div class="callout">
<p>Sample callout paragraph.</p>
</div>
<p>Sample paragraph.</p>
</div>
</div>