I could really use hand figuring out why these columns are behaving so oddly in the intermediate (Portrait iPad) width. At standard screen with, they are as predicted – five aligned columns; they also behave in smallest (iPhone) width – they stack on each other. In the intermediate (think Portrait iPad) they align in this very odd way.
In the linked page – Draft page with examples of problem – I’m using two different columns stacks (the standard Rapidweaver one and the responsive grid by 1LD. The problem recurs either way.
Why don’t they just stack two by two by one? I could really use some help. (I know this overlaps with a lot of topics on responsive themes, but I am really struggling with this weird problem.)
Additional details: I’m using Lander Theme included in Rapidweaver 7 and I have found the problem in Safari, Chrome, and Firefox on Macbook, iMac, and two iPads.
Thanks in advance for any help.