siimple 3.2.0 siimple.xyz
Grid
Use our responsive grid system with twelve columns.
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.