Grid

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Divider

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Small

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Divider

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Medium

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Divider

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Large

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Divider

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Collapse

1-2

1-2-M

1-2-L

1-4-M
...
...

1-4-M

1-2-L
...

1-2-L

1-2-M

1-4-M

1-5-M

3-5-M

Auto-M

1-3-M

Expand-M

Column and Row

Small / Large

1-4-M

Medium / Small

1-4-M

Divider

Order

First

Second

Third

Last

First

Second

Third

Last

Wrap + Order

First

Last
...
...

Wrap

First

Last
...
...

Wrap

First
...
...

Last

Wrap

First

Last
...
...

Wrap

Stack

First

Second

Last

Align

First

Second

Third

Forth

Fifth

Last

JavaScript Options

Option	Value	Default	Description
`margin`	String	uk-grid-margin	This class is added to items that break into the next row, typically to create margin to the previous row.
`first-column`	String	uk-first-column	This class is added to the first element in each row.
`masonry`	Boolean	false	Enables masonry layout for this grid.
`parallax`	Number	0	Parallax translation value. The value must be a positive integer. Falsy disables the parallax effect (default).