Before I get into a deep dive with CSS perhaps some can offer a different approach?
I have a series of rows with to columns that are laid out as follows:
image | text
text | image
image | text
text | image
image | text
text | image
However, on mobile, it flips to:
image
text
text
image
image
text
text
image
image
text
text
image
Ideally, it would appear as follows in mobile:
image
text
image
text
image
text
image
text
image
text
image
text
I hope this makes sense. Any thoughts?
Thank you!