Full Width
<div>
-- Your content --
</div>
Two Columns (without gap)
<div class="items">
<div>content of first half</div>
<div>content of second half</div>
</div>
Two Columns (with gap)
<div class="items gap">
<div>content of first half</div>
<div>content of second half</div>
</div>
Three Columns (without gap)
<div class="items">
<div>content of first column</div>
<div>content of second column</div>
<div>content of third column</div>
</div>
Three Columns (with gap)
<div class="items gap">
<div>content of first column</div>
<div>content of second column</div>
<div>content of third column</div>
</div>
Four Columns (without gap)
<div class="items">
<div>content of first column</div>
<div>content of second column</div>
<div>content of third column</div>
<div>content of fourth column</div>
</div>
Four Columns (with gap)
<div class="items gap">
<div>content of first column</div>
<div>content of second column</div>
<div>content of third column</div>
<div>content of fourth column</div>
</div>
Two Column (30% and 70%)
<div class="columns gap">
<div class="w30">
-- content in 30% width section --
</div>
<div class="w70">
-- content in 70% width section --
</div>
</div>
Two Column (60% and 40%)
<div class="columns gap">
<div class="w60">
-- content in 60% width section --
</div>
<div class="w40">
-- content in 40% width section --
</div>
</div>
Three Column (40%, 30% and 30%)
<div class="columns gap">
<div class="w40">
-- content in 40% width section --
</div>
<div class="w30">
-- content in 30% width section --
</div>
<div class="w30">
-- content in 30% width section --
</div>
</div>
