Hey gang, I’m working on creating a website that starts with two sections and the third section has a horizontal scroll animation. After that i want to continue down the page. I recently created a horizontal school interaction via workshop tutorial but now can’t find a way to add additional sections and build out a page. IF anyone has any experience with this please help me out. My working link is this one
It’s describing the principle of making such an horizontal scrolling section in the middle of a page.
This worked really well! thanks for creating this, i was able to duplicate and create my own horizontal scroll. I’ve got one more question, that maybe you also encountered: If i wanted the scrolling section to stack on mobile how would i change my current structure?
on mobile, you’ll set the horizontal section width to Auto, and the parent element (the one with the big height) height:auto. Then you’ll set the flexbox of the horizontal section to vertical and wrap.