I have a bunch of posts in a collection list – all items pull from the same collection.
I’m trying to have every second list item displayed in a different layout/design. See attached.
Basically, first item: design 1; second item: design 2; third item: design 1; fourth item: design 2… and so forth.
I found some solutions posted here in the forum, like this one:
All of the ones I’ve found so far are all similar: they’re swapping/reversing the horizontal order of a two-half flex layout with means of CSS code. That’s a great solution!
The problem I’m having though is that, in my case, the two sides don’t just alternate as is but they’re kinda mirrored, meaning not only the sides swap but the text-alignment and the order of elements changes. See attached.
Is there any way I make this work without making it too complicated for the client in the CMS? Ideally it pulls from the same CMS collection.
I’d appreciate your suggestions. Thanks you!