Default grid system

    <div class="grid">
        <div class="row">
            <div class="spanN">...</div>
            ...
            <div class="spanN">...</div>
        </div>
    </div>

Grid have no max width value and fill on 100% parent container. Any cells have spanN class from span1 to span12. Class spanN has margin left 20px and margin bottom 5px.

Cells dimension

N Cell class Cell width
1span160px
2span2140px
3span3220px
4span4300px
5span5380px
6span6460px
7span7540px
8span8620px
9span9700px
10span10780px
11span11860px
12span12940px

Class spanN can be used on any tags for setting width.

Example

span1
1
1
1
1
1
1
1
1
1
span2
1
1
1
1
1
1
1
1
span3
1
1
1
1
1
1
1
span4
1
1
1
1
1
1
span5
1
1
1
1
1
span6
1
1
1
1
span7
1
1
1
span8
1
1
span9
1
span10

Grid in grid or nested rows

You can create grid in grid

    <div class="grid">
        <div class="row">
            <div class="spanN">
                <div class="row">
                    <div class="spanN">
                        ...
                    </div>
                </div>
            </div>
        </div>
    </div>

Example

Main grid
Sub
grid
1
Sub grid
2
Main grid

Offsets

1
1
1
1
1
1
1
1
1
1
offset1
offset2
offset3
offset4
offset5
offset6
offset7
offset8
offs9

Offsets dimension

N Cell class Cell width
1offset180px
2offset2160px
3offset3240px
4offset4320px
5offset5400px
6offset6480px
7offset7560px
8offset8640px
9offset9720px
10offset10800px
11offset11880px
12offset12960px

Class offsetN can be used on any tags for margin left.