Hi Guys,
I am using Foundation by Zurb to create my responsive website. I have created a few websites with their grid and have grown quite comfortable with it. However, on a new project I can’t seem to wrap my head around this particular requirement.
[Click Here](http://dev.trewknowledge.com/coc/grid-test.html “Test Site”) to see my test site
The website is broken down into a Main Column and 2 Sidebars.
I have 2 breakpoints, each breakpoint will move one of the sidebars down.
Everything is fine except for the first breakpoint. The 2nd sidebar (3rd col) gets shifted down below the other 2 columns. As you can see from my [test site](http://dev.trewknowledge.com/coc/grid-test.html “Test Site”) there are large gaps/whitespace between each div. This is normal and expected.
My question is whether it is possible to remove all of that whitespace, and have the divs from that 3rd column fill in any whitespace?
I am somewhat opposed to using something like [Masonry](http://masonry.desandro.com/ “Masonry”) on the entire site because I need to have some control of where elements are placed.
Any suggestions are welcomed!
