Marketplace
Made in Webflow

Flipflop every other collection item in a collection list

1584 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.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

flipflopreverseflexboxcollection-list

More by Waldo Broodryk

See profile
View details
Epicurrence site rebuild (2018)
828
3.4k