add flex boxes

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

Is there any sort order here? Or just append to the bottom for each new one?