Alternate pattern design for Collection list

[Stan (justAnotherDeveloper)]

hi @Fad_Fad here is how to do that with custom CSS code

Help create Alternating "Chess-like" Collection-list Grid using Custom CSS

Then since you already have flex applied to each item, simply apply row-reverse: .w-dyn-item:nth-child(n+5):nth-child(-n+8), .w-dyn-item:nth-child(n+13):nth-child(-n+16) { flex-direction: row-reverse; } [Screenshot_2018-09-03_120901] Hint: If you paste custom CSS in an Embed Code component, you can preview the style within the designer itself without having to publish.