FIG. 1: Basic grid demonstrating various placement of items

Item 1
Item 2
Item 3

FIG. 2: Placement using spans

Item 1
Item 2
Item 3

FIG. 3: Placement using negative row/col values

Item 1
Item 2
Item 3

FIG. 4: Demonstrating layering items

Item 1
Item 2
Item 3
Item 4

FIG. 5: Demonstrating Fractional Units (Resize window to see effects)

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

FIG. 6: Demonstrating how to prevent items from smushing when part of a relatively-sized layout (Resize window to see effects)

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

FIG. 7: Demonstrating the same as above, but saving us typing AND keeping items within their container

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

FIG. 8: Demonstrating item placement without using row/col numbers

Fartbook

ATTENTION: LOCAL SINGLES IN YOUR AREA!!! CLICK HERE

Stewart Farts:

Check out this bad boy!

Wayne:

Idk how ye convinced me to join this, but I don't like it.

Squirrely Dan commented:

And that's what I appreciates aboutcha, always trying new things.

©2016 The Skids

Check out our other work: HERE!

FIG. 9: Figure 7 but with a grid-gap of 10 pixels

Item 1
Item 2
Item 3