Board Thread:New Features/@comment-2240397-20161117114915/@comment-26402117-20161128120446

The Nitrome Wiki built a more portable and maintainable solution using the native horizontal grouping to achieve columns. Introducing complexity like small-large columns could be done by a different, more nuanced yet less portable solution: The mobile skin will display the large and small columns as rows, so it will not break the layout of the infobox in Mercury like horizontal groups would. Though maintains some portability, it fully eschews the idea of semantic data - introducing images using the correct markup - and will render appallingly on small-factor devices.
 * 1) the first and second columns are data fields for images
 * 2) using flexbox   to get the columns wrapping right

I once had issues debugging a HTML table that was spewing out errors, only to realise that the markup wasn't readable. Template code like this leaves other editors in the cold.