How to display Content Using Multiple Columns in a Webpage

Code goes in the Source Code

source code location in Cascade

Two Column Grid

The small-up-1 , stacks the columns in mobile view.

<div class="row small-up-1 medium-up-2 large-up-2">
<div class="column column-block">
<h2>Title if Needed</h2>
<p>Content goes here</p>
</div>
<div class="column column-block">
<h2>Title if Needed</h2>
<p>Content goes here</p>
</div>
</div>

Three Column Grid

<div class="row small-up-1 medium-up-3 large-up-3">
<div class="column column-block">
<h2>Title if Needed</h2>
<p>Content goes here</p>
</div>
<div class="column column-block">
<h2>Title if Needed</h2>
<p>Content goes here</p>
</div>
<div class="column column-block">
<h2>Title if Needed</h2>
<p>Content goes here</p>
</div>
</div>
Was this helpful?
0 reviews

Details

Article ID: 77952
Created
Wed 5/8/19 12:39 PM
Modified
Mon 7/6/20 2:44 PM