Single Section Horizontal Swipe Scroll

Hi all,

I wanted to know if someone could help me figure out how I can breakdown this pricing table to responsive. I basically want the table to display ‘as is’, but with a super wide off canvas section that the user can scroll/swipe to read across the table.

This is the only off-canvas section on the page. I don’t want to use IX to auto scroll as they go down the page, but just so that they can swipe to scroll. You’ll see from my attempt that I’ve made that table 200% width, and set the container to have overflow-x:scrolll, but it’s not “swiping” on mobile.

Any help would be appreciated!

Edit: Looks like adding “-webkit-overflow-scrolling: touch” works for now, but just testing all browsers.

https://preview.webflow.com/preview/grid-bug-734b95?utm_medium=preview_link&utm_source=dashboard&utm_content=grid-bug-734b95&preview=011ece53610249bb6b8b4a3cfa248e35&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)