Marketplace
Made in Webflow

Flipflop every other collection item in a collection list

1321 views
site profile thumbnail

Description

UPDATE 9/30/2020: This layout is now achieved without any custom code by styling the "Even" items (available when you're styling a collection list item in the state dropdown under "Structure") to be in the "Row-Reverse" style for a flex-row. Previously as of 2019: There was a small line of CSS that was on the canvas which allows you to set a row-reverse style for every nth element (in this case every even numbered element) to have a reverse style within just one collection list
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
flipflopreverseflexbox

More by Waldo Broodryk

See profile
View details
Epicurrence site rebuild (2018)
796
3.3k