Advanced Grid
This page contains some helpful examples that can be usefull for advanced layouts.

Basic 16

16/5 || 4x8x4

Four

Eight

Four

Relaxed 4x8x4

Four

Eight

Four

Floated

Left

Right

Equal width

=

=

=

=

=

Celled

Internally Celled

Divided

Vertically Divided

Nested

Color variations

Stackable (mobile)

Reverse order (mobile)

1

2

3

4

Doubling column width (mobile)

1

2

3

4

5

6

7

8

1

2

3

4

5

6

1

2

3

4

Custom visibility (mobile)

Widescreen

Large Screen

Computer

Tablet & Computer

Tablet

Tablet

Mobile

Mobile

Mobile

Different width based on screen size

LayoutsSource