title: jQuery Masonry mobile 2 column layout fix
body: <p>I'm trying to get the "mobile" layout of this page to display a 2-column layout, but either Masonry, or the CSS is forcing it down to 1-column.</p>
  
  <p>DEMO: <a href="http://jsfiddle.net/EcuU7/" rel="nofollow noreferrer">http://jsfiddle.net/EcuU7/</a></p>
  
  <p>This is what I'm trying to accomplish:
  <img src="https://i.stack.imgur.com/DhTRb.png" alt="enter image description here"></p>
  
  <p>html
  `</p>
  
  <pre><code>            &lt;li class="item w3 stamp stamp-here"&gt;
                  &lt;img src="http://placekitten.com/746/428" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/300" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/150" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/400" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item w2"&gt;
                  &lt;img src="http://placekitten.com/495/400" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/320" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item w2"&gt;
                  &lt;img src="http://placekitten.com/495/495" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/234" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/300" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/234" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/300" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/150" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/400" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item w2"&gt;
                  &lt;img src="http://placekitten.com/495/400" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/320" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item w2"&gt;
                  &lt;img src="http://placekitten.com/495/495" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/234" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/300" alt=""&gt;
              &lt;/li&gt;
  
              &lt;li class="item"&gt;
                  &lt;img src="http://placekitten.com/245/234" alt=""&gt;
              &lt;/li&gt;
  
  
          &lt;/ul&gt;
  </code></pre>