add flex boxes

![image](https://cloud.githubusercontent.com/assets/2095625/4955392/f8781214-6694-11e4-88a4-99e7eec63649.png)

@tysongach no specific order! Do we need one? I can :abc: it.