Basic 6-Column Grid Slots

Slots 0-5 represent the 6-column grid. These slots can be combined to create a 3-column grid too.

.slot-0

.slot-1

.slot-2

.slot-3

.slot-4

.slot-5

Basic 4-Column Grid Slots

Slots 6-9 represent the 4-column grid.

.slot-6

.slot-7

.slot-8

.slot-9

Combining Slots to Create Super Slots

Combining slots is as simple as connecting their slot numbers with dashes.

.slot-0

.slot-1-2

.slot-3-4-5

Using Both 4- & 6-Column Slots In a Row

In some situations, you might want to combine the 4- & 6-column grids in a single row. Just use the slot numbers that best represent each slots position in that row.

.slot-0

.slot-7

.slot-8

.slot-4-5

Nesting Slots & Rows

Just add .rows within .rows, and then assemble the slots in each row as per usual.

.slot-0

.slot-1-2-3

.slot-1

.slot-1

.slot-2-3

.slot-2

.slot-3

.slot-2-3

.slot-4-5

.slot-4

.slot-5