I currently have a 4 section layout with 1 Row 2 columns nested inside a container for each of the 4 sections.
The layout is as follows:
Example 1:
[Header]
[Image] [Text]
[Text] [Image]
[Image] [Text]
[Text] [Image]
[Footer]
Layout of design, typography, and assets worked out perfectly for desktop/tablet views. However, the layout flow becomes inconsistent when I go into mobile landscape/portrait view. It becomes:
Example 2:
[Header]
[Image]
[Text]
[Text]
[Image]
[Image]
[Text]
[Text]
[Image]
[Footer]
50% of the layout doesn't keep the same consistency as example 1. I'm using WF homepage as an example as to how I want the columns to function when the browser is narrowed. Any help is appreciated.