Board Thread:Darwin/@comment-5275700-20131118191131/@comment-14339224-20131121222604

When the right column move to the bottom, it will become wider considerably and would not look nice.

On w:c:zh.tos, the left column on the main page is already organized into 3 columns. So what I have done, using the same idea, is wrap the content in the right column with 3 divs with class="fluid", and use this css: @media screen and (max-width: 1023px){ .WikiaRail .fluid{ width: 32%; float: left; }       .WikiaRail .fluid:not(:last-of-type){ margin-right: 2%; }   }

When the right column move below the left, it would organize itself into 3 columns.

Making this work for the right rail on article pages using pure css is a bit more tricky because the modules have built-in padding: @media screen and (max-width: 1023px){ #WikiaRail .module{ width: 28%; padding-left: 2%; padding-right: 2%; float: left; }       #WikiaRail .module:not(:last-of-type){ margin-right: 2%; }   }