Boxes pushing outside container (css + grid

adrianllama

New Member
Having some trouble with some divs not behaving as I hoped.
Here's my demo link: http://jsbin.com/ikabaj/1 As you gradually drag your browser window to become less wide you'll notice that the boxes rearranges themselves. When you get to a certain point you'll see that the boxes pushes down further below the footer element (The text 'Patent pending ...'). I don't want that to happen. Why do the boxes push outside their container element?

I want the columns to be the same size as the container element #main_menu and have the boxes fit within the columns (galcolumns) and let them adapt acordingly to the height of that the container. Ideas how to fix this?
 
Back
Top