By single column, I mean that the primary flow of the content is downward rather than both downward and side-by-side. Side-by-side content usually requires reflowing to fit on a smaller screen. In contrast, a linear downward flow means content simply scales horizontally to fit the available space. Voila, one layout for any screen size! - blog.fogcreek.com
Yup, the spoiler is to just width=“100%” your columns. Its simple and sensible, I like it. There’s no reason for the headache.