Responsive Page that changes width based on page width but also collapse sections when hidden

[pathomap]

@msgiblin

I would say under a broader definition of ‘responsive’, having groups that collapse when hidden / change size is all part of responsiveness. I currently utilize this on a recipe app I’m developing where the recipe photo is on the right column, but when the page width is 600px or less, that column disappears. I then have a hidden photo in the left column (now the only column) that appears. To the user, it seamlessly looks like the photo jumps from the right to the center, but in reality, just some crafty show/hide conditions.

The challenge is if it’s on a phone I want things centered. If it’s on a computer to one side…