parent divs have custom (abstracted) widths appended to the classes

view simple version

SECTION ONE – Parent is float left and set first in the content flow for this section.

SECTION TWO – Parent’s order of appearance is shuffled first in the sequence for this section. It will appear on the right because of the float right attribute (when the width will allow it). When the width is set to 100% on a media query the divs will stack according to content order or flow. Look at the navigator to see the sequence for this section.

SECTION THREE – Parent is float left and set first in the content flow for this section.