Base
One of three columns
One of three columns
One of three columns
<div class="row xs-gap">
<div class="col-sm">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
<div class="col-sm">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
<div class="col-sm">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
</div>
Vertical Gap
Use the following classes for customization: .lg-gap
, .md-gap
, .sm-gap
, .xs-gap
One of three columns
One of three columns
One of three columns
<div class="row vertical-gap xs-gap">
<div class="col-12">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
<div class="col-12">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
<div class="col-12">
<div class="bg-grey-1 pt-15 pr-20 pb-15 pl-20 br-4">One of three columns</div>
</div>
</div>