Creating horizontal scrolling
Blog post from Webflow
The tutorial provides a step-by-step guide on creating a horizontal-scrolling section similar to the one on the Interactions 2.0 announcement page, focusing on setting up wrapper divs and styling them for optimal visual impact. The process begins with adding and styling a div with a class of "Gallery," followed by creating a gradient background. Subsequent steps involve adding nested divs for a scroll track and container, utilizing flexbox settings to manage layout and positioning. The tutorial continues by instructing users to add content, such as images within the "Gallery Track" div, using divs with background images to simplify the process. Further customization includes adding a drop shadow for emphasis and using combo-classes to apply unique background images to each div block.