User blog:Fredy-san/Trouble With Table on Mobile View

So I am making a new template for description and stats container for Battle Cats wikia which can be found here:

http://battle-cats.wikia.com/wiki/User:Fredy-san/testlayout

the template used: http://battle-cats.wikia.com/wiki/Template:Fredy_san_sv

While the desktop version is good. The mobile version is not. Despite the preview shows it shows just fine. After actual test using Android chrome, I found out that the mobile version does not gives horizontal scrolling as it should like in mobile preview and instead the texts after 2nd column gets cramped up since it follows the other tables despite already breaking the containers into multiple separated tables.

Preview mode screenshot on left side. While actual test screen shot on right side

So any hint how to fix or workaround it??

The wikia on BC don't mind with horizontal scrolling though.