I’ve created a site that uses GP Sections on the home page along with Lightweight Grid Columns. The page begins with a GP header element to create a hero/landing page effect. Then there are three sections which have alternating background colors. Each section uses Lightweight Grid Columns to split the content into two columns – an image on the left and text on the right.
When I view the page on desktop OR mobile, it works great. However, on tablets (or larger phones like the iPhone X in landscape mode), the display breaks. While the layout of the grid columns and their content remains intact, the alternating background colors of the various GP sections seem to be compressed up to the top of the page, almost as though they are no longer tied to the content that is placed within the sections themselves. It will make the most sense if you see it: