How To Create Horizontal Scrolling Repeating Groups In Bubble.io (Complete Guide)

If you’re creating a repeating group in Bubble that scrolls horizontally, then this is the tutorial for you 🔥

In this video, you’ll learn everything there is to know about creating a fully responsive horizontal repeating group. This includes 👇

1. How to properly configure the data source of a repeating group
2. The best approach to selecting dimensions for each repeating group cell
3. How to correctly update the layout settings
4. How to design fully responsive elements inside a repeating group
5. How to correctly update the height settings
6. How to alter the width of a horizontal repeating group based on a users device size
7. The best practice for adding margins to a fully responsive repeating group

---

✍️ Access the working Notion doc here: https://lachlan-kirkwood.notion.site/...

---

⏱ Timeline: ⏱
00:00 - Course overview
00:36 - App preview
03:20 - Setting the data source
04:44 - Updating the dimensions of each repeating group cell
08:52 - Updating the layout settings (width)
10:43 - Designing the elements inside each cell
14:47 - Updating the layout settings (height)
19:42 - Changing the repeating group configuration
22:43 - Adding margins
24:06 - Additional insights