GroundworkCSS

Grid

Example usage of responsive grid system

Grid Helpers

Desktop Grid (default)

1/2
1/2

Small-Tablet Grid

1/2
1/2

Mobile Grid

1/2
1/2

Grid Adapters

Small-Tablet Adapters

1/4 to 2-up
1/4 to 2-up
1/4 to 2-up
1/4 to 2-up

Mobile Adapters

1/4 to 2-up
1/4 to 2-up
1/4 to 2-up
1/4 to 2-up

Combined Adapters

1/6 to 3-up to 2-up
1/6 to 3-up to 2-up
1/6 to 3-up to 2-up
1/6 to 3-up to 2-up
1/6 to 3-up to 2-up
1/6 to 3-up to 2-up

Grid Fractions

Halves

1/2
1/2

Thirds

1/3
1/3
1/3

Fourths

1/4
1/4
1/4
1/4

Fifths

1/5
1/5
1/5
1/5
1/5

Sixths

1/6
1/6
1/6
1/6
1/6
1/6

Sevenths

1/7
1/7
1/7
1/7
1/7
1/7
1/7

Eighths

1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/8

Ninths

1/9
1/9
1/9
1/9
1/9
1/9
1/9
1/9
1/9

Tenths

1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10
1/10

Elevenths

1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11
1/11

Twelfths

1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12