Search
Find
Grid overview
Brief introduction to our grid system
siimple includes a responsive grid system to organize your content with 12 columns for desktop, tablet and phone screens.
12
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
<div class="siimple-grid">
<div class="siimple-grid-row">
<div class="siimple-grid-col siimple-grid-col--12">12</div>
</div>
<div class="siimple-grid-row">
<div class="siimple-grid-col siimple-grid-col--6">6</div>
<div class="siimple-grid-col siimple-grid-col--6">6</div>
</div>
<div class="siimple-grid-row">
<div class="siimple-grid-col siimple-grid-col--4">4</div>
<div class="siimple-grid-col siimple-grid-col--4">4</div>
<div class="siimple-grid-col siimple-grid-col--4">4</div>
</div>
<div class="siimple-grid-row">
<div class="siimple-grid-col siimple-grid-col--3">3</div>
<div class="siimple-grid-col siimple-grid-col--3">3</div>
<div class="siimple-grid-col siimple-grid-col--3">3</div>
<div class="siimple-grid-col siimple-grid-col--3">3</div>
</div>
</div>
Found a mistake or want to help improve this documentation?
Suggest changes.