Board Thread:Support Requests - Designing Your Wiki/@comment-35234924-20200328222619/@comment-23989026-20200329091411


 * using tabber, which doesn't work on mobile
 * tabview does work on mobile
 * On mobile, it scrunches skill tables down to mobile device size

Using portable infobox as a guide, the optimum width for mobile devices is 300px.
 * 1 column for individual images → example gallery
 * 2 columns for label name/data icon → example template:Statsmythic
 * no more than 4 columns for multi icon → example Mobiletest

Mobiletest is set at 30% width of article page. My article page is 700px so 30% is 210px, which falls within the optimum 300px.

And as shown with the current skills table, it rigid and does not break the article-table format. So with Mobiletest, as 2 tables are too wide floats the next table under the previous. This layout works for both desktop and mobile widths.

The contents on an article page is the same for desktop and mobile devices. On desktop, the content is still in the order as in mobile, just using tabber or toggle, the desktop jumps to that location in the article page content. It becomes a balance of large content on the article (desktop) and how far down the article to reach it (without tabber benefit on mobile).