Fix horizontal scroll issue on mobile

[andys8]

Solution

Solution taken from https://stackoverflow.com/a/36380425

Fixes #154

Demo

https://user-images.githubusercontent.com/13085980/216600194-2a9b50ef-c1d8-4f06-8038-e1fcdd499432.mp4

[andys8]

@JordanMartinez Also merge this one? Or any open questions or information I could provide?

[JordanMartinez]

Why is the page overflowing in the first place?

[andys8]

I think part of it, is that .row has negative margin in bootstrap. However, this isn't the full story. Using bootstrap classes as they were intended will likely not cause this issue. But mixing these with other css classes that change paddings and margins, can cause this.

https://user-images.githubusercontent.com/13085980/217218158-0917ed37-3c7d-4984-9d6f-c7686df7874a.mp4

To be clear: Removing the values of bootstrap like shown in this video, is not the solution. Proper solution would be to find out, what exactly needs to be adapted. Which will likely change the looks, and lead to more changes. The easier, but less idiomatic alternative is to throw overflow hidden on the problem.