Fix demo pages on smaller screens

[Hjorthdx]

When using my mobile I noticed that the demo pages have a clash between the contents on the right and left side and just collide and overlap.

This should of course ideally not happen and therefore should be fixed. I guess what should happen is that if the page can't show both "columns", even though I don't think I've made them like that right now, then the right column should be simply be placed under the other.

[Hjorthdx]

Perhaps something smart could be made with sm:w- with the existing code to fix this rather easily?