help with responsive styling

Hello-
We have been working on making our website fully responsive for all device types.

The Article view looks great on mobile devices, however, the List view needs some work.

See it here, ( http://www.myfootshop.com/articles/List/1 ) and squish your browser down to phone size to get an idea of how it looks on mobile devices. The description ends up being only one word per line...and really needs to wrap around below the photo or something.

Can anybody help me adjust my style to look better for mobile devices?

Thanks!
Steve

You must enable support Mobile Theme - Mobile devices supported in Admin menu.
And then You must create the new file List.Mobile.cshtml, copy body from List.cshtml.



P.S.
I see, your site is look good on Mobile device.

Hello again-

Thanks, we are trying!

I just changed my articles styles.css a little bit and the list now looks OK in browsers and phones:

was:

.article-list .article-item .description{padding:0 0 0 10px;margin:0px 0px 0 100px;text-align:left;color:#555;}

changed to:  

.article-list .article-item .description{padding:0 0 0 10px;margin:0px 0px 0 200px;text-align:left;color:#555;}

Steve