Board Thread:Support Requests - Getting Technical/@comment-26299292-20140610010646/@comment-856287-20140610025407

If it's a relatively new wiki, it won't have those templates by default, but you can copy them from this wiki (or most other wikis).

Those templates basically make an HTML table with cells that are 50% wide for two columns, or 33% wide for three columns. This means 1) you have to split up the content manually, deciding where the column breaks will be, 2) even on a tiny display (like an iPhone), you'll have the content mashed side-by-side into two or three columns, and 3) you're using HTML data tables to do styling and layout, which should be done with CSS: Tables are for tables, not making layouts.

Here's a better way, using CSS3 columns. This will create your columnar layout, 1) automagically making content flow evenly across the columns without having to manually move column breaks, even as the content is changed by other users on the wiki, 2) it will automatically switch to being a single-column layout on smaller displays like iPhones, and 3) you're using stylesheets to style the page, not tables.

First, add the following to Special:CSS on your wiki (or ask an admin to do it if you aren't an admin there):

Then surround the content you want in columns in  tags with the appropriate class from the above. For example, for a three-column layout (when the space is wide enough):

You can see it in action here. As long as your browser window is at least 1600px, you'll see three columns. Smaller than that, you see two columns. Try resizing your browser window and watch as the columns collapse into a single column at the smallest width.

Depending on your needs, you can easily adjust the values. For example, to keep the columns when in a small window, or to collapse them sooner on wide windows (adjust the max-width properties). You can also add more column classes for 4, 5, 6 columns, as many as you need.