Cloneables

Alternating CMS Grid Items Technique

For a CMS collection making alternative grid items isn't possible natively, unfortunately. However using a unique technique you can accomplish this. The first line of code forces every second item to go from right to left. The second line then forces the…

alternating-cms-items.webflow.io
Alternating CMS Grid Items Technique live demo on a desktop screen
Alternating CMS Grid Items Technique live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The Alternating CMS Grid Items Technique is a useful method for creating alternate grid items in a CMS collection. Unfortunately, this is not possible natively in most CMS systems. However, by using a custom CSS code, you can achieve this effect. The first line of code forces every second item to go from right to left, while the second line ensures that the text wrapper is always on the left so that the text is not disrupted. This technique is supported by most modern browsers and can be easily implemented in your Webflow project. This technique, which was created by Emil Villumsen, is categorized under the Grid and CMS categories and is available as a cloneable in Webflow.

Browse similar cloneables

Categories

More from Emil Villumsen

Profile →

Related Webflow questions

All answers →

Similar cloneables

All cloneables →