the rule below to put this in place. Preview and test We've just about completed our basic column layout now, so before we attempt to make it flexible enough to work across different resolutions on multiple devices, it's a really good idea to preview it in your browser, and then make sure it works across all the common browser options you plan to support. Always remember that you can use Modernizr to test for column support and provide a fall-back for older browsers. Fluid layouts Up until now we've had a fixed-width for our article, set at 960px. We'll change this by using @media queries inside our stylesheet. The only element that needs to change is the article rule, with the width and number of columns adjusted to suit the screen width. Add the code below in place of the existing article {} rule to start. ( download full code ) Thanks for the tutorial -- the only thing I have to say is that the concept of reading multiple columns as if it was a print document can be painful -- unless using this CSS for printing the page? I understand it is an example to illustrate the code which it examples it well. Just that idea of non stop text flowing across multiple columns can seem overwhelming!