Hi Hope
Could you give the following a try, you can add this to the Custom CSS field of your templates parameters..
@media only screen and (min-width: 768px) and (max-width: 959px) {
.item.column-1.span3, .item.column-2.span3, .item.column-3.span3, .item.column-4.span3 {
margin: 0 5px 10px;
width: 48%;
}}
@media only screen and ( max-width: 767px ) {
.item.column-1.span3, .item.column-2.span3, .item.column-3.span3, .item.column-4.span3 {
margin: 0 0 10px;
width: 100%;
}}
@media only screen and (max-width: 440px) {
.item.column-1.span3, .item.column-2.span3, .item.column-3.span3, .item.column-4.span3 {
margin: 0 0 10px;
width: 100%;
}}
This should place your articles in two columns on portrait tablet and then in a single column on mobile phones.
Ciarán