Grid.css

Responsive 16-columns Grid System


made with by b'uno


1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
15
2
14
3
13
4
12
5
11
6
10
7
9
8
8
16

Columns with Offsets


1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
14 offset-1
12 offset-2
10 offset-3
8 offset-4
6 offset-5
4 offset-6
2 offset-7
1 center
1
1 offset-14

Fluid Containers and Rows


8 non-fluid (default)


2
2
2
2
2
2
2
2
4
4
4
4
8
8
16

8 fluid


2
2
2
2
2
2
2
2
4
4
4
4
8
8
16

Columns with The Same Height


Flex row
1
1
1
1
1
1
1
this
is
the
highest
col
1
1
1
1
1
1
1
1
Default or non-flex row
1
1
1
1
1
1
1
this
is
the
highest
col
1
1
1
1
1
1
1
1

Nested Grids


16
16
8
8 fluid
4
4
4
4
row non-fluid
8
8
8
8
8
row fluid
8
8
8 fluid
8
4
4
4
4
row non-fluid
8
8
8 non-fluid
8
8
row still non-fluid
8
8
2
6
1
1
1
1