Question

Here’s the sample/jsFiddle: http://jsfiddle.net/antonpug/ub7xW/

Basically, you can’t see it in the jsFiddle, I don’t think, but it is two columns when it is full screen, however, when you make the screen smaller, it collapses down to just one column – I can’t figure out where in my CSS it is doing that!

Answer 1

This causes it:

.column {
    display: inline-block;
    width:600px;
    margin:15px;
}

The inline-block will cause them to sit next to each other if your wrapper is 1200px or more, but otherwise it won’t. Set a min-width if you don’t want it to wrap.

#wrapper {
    min-width: 1200px; /*might need a bit more for margins*/
    margin:25px;
}