Discover the best alternate websites created by professional designers. Get inspired and start planning your perfect alternate web design today!

Just a little experiment with a cool way of displaying images, not really all that functional but fun anyway! Like, comment, clone!

Arthur

alternate

FREEBIE: CMS Alternate Blog Template

👉 Notice how the image is on the left in the first row and to the right in the next? That's the topic of this cloneable.

For a static layout this would be simple either rearranging the elements inside your grid or reversing the direction.

For a CMS collection this is not possible in Webflow without custom code.

So here it is, using a hack that's not really intended for this, but it gets the job done. The first line of code forces every second item to go from right to left. The second line forces the text wrapper to always be left to right so our text doesn't get messed up. Browser support is just fine.

<style>
.w-dyn-item:nth-child(even) { direction: rtl; }
.two-column-content { direction: ltr;}
</style>

--

Stay tuned to more cloneables on https://twitter.com/EmilVillumsen or here on Webflow

--

Alternating CMS items

Alternating Grid CMS items

Need to show off an image and a little text? Maybe these clean little tabs would be good for you? Maybe not? Ha! 

Discover alternate websites built by the Webflow community

Discover alternate websites built by the Webflow community