css - jQuery Masonry mobile 2 column layout fix -
i'm trying "mobile" layout of page display 2-column layout, either masonry, or css forcing down 1-column.
demo: http://jsfiddle.net/ecuu7/
this i'm trying accomplish: 
html `
<li class="item w3 stamp stamp-here"> <img src="http://placekitten.com/746/428" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/300" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/150" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/400" alt=""> </li> <li class="item w2"> <img src="http://placekitten.com/495/400" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/320" alt=""> </li> <li class="item w2"> <img src="http://placekitten.com/495/495" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/234" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/300" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/234" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/300" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/150" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/400" alt=""> </li> <li class="item w2"> <img src="http://placekitten.com/495/400" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/320" alt=""> </li> <li class="item w2"> <img src="http://placekitten.com/495/495" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/234" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/300" alt=""> </li> <li class="item"> <img src="http://placekitten.com/245/234" alt=""> </li> </ul>
bro, try this: http://jsfiddle.net/ecuu7/1/
i added
img{ max-width:90%; } and
max-width:250px; grid li
Comments
Post a Comment