What the hive is this?!
We are in the "responsive" Era! So many devices that we cannot design for specific sizes or smartphone/tablets models. Bees are able to build a hive as a pattern based on their number and on the stage they are going to do it. A grid layout should be almost the same. So I wrote some media queries to broke the layout on four different sizes: smartphone portrait, landscape, tablets portrait, desktop and cinema display.
You can also clone the project with Git by running:
$ git clone git://github.com/spleenteo/hiveHave a look to the nested cells demo