Encountered a strange problem today that had me head scratching for a few minutes!
I have a homepage section with the ID of Promo, for some reason at 1024 pixels wide and below until mobile this element would not display correctly, e.g the grid columns within it would display fine, however the main section div would only be 90px height or so, this meant that the divs below it would get crushed behind the grid columns.
Strangely enough, after a few minutes of inspecting CSS I found that the lgc-clear element was hiding itself at the 1024px wide point using display: none; after writing some CSS changing it to display: block; it worked no problem.
I have also noticed the visibility property is set as hidden, I have not changed this as it is having no impact on my page layout.
I am setting custom widths on the LGC columns in CSS, I suspect this may have something to do with it!
I have tried to commment my CSS as best I can, however with over 1000 lines (including spaces!) it has got a bit spaghetti!