4.2.2.1 - Col
Source: layouts/_grid.scss, line 262
Columns can be expended using the class has-col-{breakpoint}-{size}. Sizes go from 0 to 12. .has-col-all can be used as well, grid item will then take the full width.
Example:
1
2
3
4
5
6
7
8
9
10
<div class="grid has-cols-5 has-grid-gap-2">
<div class="has-col-all">
<div class="kss-box">1</div>
</div>
<div>
<div class="kss-box">2</div>
</div>
<div>
<div class="kss-box">3</div>
</div>
<div>
<div class="kss-box">4</div>
</div>
<div class=" has-col-2">
<div class="kss-box">5</div>
</div>
<div>
<div class="kss-box">6</div>
</div>
<div>
<div class="kss-box">7</div>
</div>
<div>
<div class="kss-box">8</div>
</div>
<div>
<div class="kss-box">9</div>
</div>
<div>
<div class="kss-box">10</div>
</div>
</div>