Related: you can use `overscroll-behavior` to prevent the browser gestures to go back/forward in history: https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-...

Thank you for point that out! That could be helpful. Do you think I should implement that? Right now I still use the browser gestures too. I'm just getting better swiping inside vs swiping on the screen edge I guess...

Something like `overscroll-behavior-x: contain;` for the scrolling container?

In your case, for the `main` element. Note that I was referring to desktop browsers gestures (Chromium), but that might help with mobile ones as well.

Ok I added that. Please try it now and let me know if that works better for you now.

Perfect!