Don't forget to give them lots of Potatoaid.

Monkeys like Potatoaid. And they build awesome micro-grid systems.

Using this grid system is quite easy. Think of .row as a barrel, and every .grid-# that you put inside of it is a monkey. You can either put just one monkey in there, or any sized monkey, but make sure that they only add up to 6!

There's a good chance that in this example, I've missed out on a few different combinations of monkeys. Actually, I know I have. In all honesty though, I don't think it's that important. If you can't figure out the missing combinations yourself (taking into consideration how easy this grid is to use), then maybe you shouldn't be using this grid at all. I've tried to make everything as simple as possible for people to figure out

.grid-1
.grid-1
.grid-1
.grid-1
.grid-1
.grid-1
.grid-2
.grid-2
.grid-2
.grid-3
.grid-3
.grid-4
.grid-2
.grid-5
.grid-1
.grid-6
.grid-1
.grid-5
.grid-2
.grid-4
.grid-1
.grid-4
.grid-1

Sometimes, these monkeys can be real badasses. They want to do the whole "lone ranger" gig. That's cool, let 'em play!

.grid-1
.grid-2
.grid-3
.grid-4
.grid-5

Maybe one monkey is being bad, but spanking your monkey in front of everyone in the world isn't proper, so you'll want to move him away from everyone else. You can do this by adding .pull to the end of its name.

.grid-1 .pull
.grid-2 .pull
.grid-3 .pull
.grid-4 .pull
.grid-5 .pull
.grid-4
.grid-1 .pull
.grid-3
.grid-2 .pull
.grid-2
.grid-3 .pull
.grid-1
.grid-4 .pull

What if you have a really special monkey that you want everyone to see? Add .centered to their name, and they'll become the star of that barrel! Currently, there can only be one star per barrel, so if you try to add more than one, they won't play well together.

.grid-1 .centered
.grid-2 .centered
.grid-3 .centered
.grid-4 .centered
.grid-5 .centered