css - Content extending off the edge of the screen -


i have layout have 2 rows of 4 boxes on top of each other standard layout. want change layout on mobile devices (media-screen), in single row (i.e. 8 boxes on same line), extending off right edge of screen. user can swipe horizontally (pushing row of content off left side of screen) browse through it? each box div (clicking each box reveals more content within box) , think re-aligning them easy enough (display: inline-block), don't know how extend off screen when scroll horizontally, doesn't move whole page - moves content across viewing area.

the effect i'm trying achieve bit similar how group of photos displayed on news feed on ios facebook app (ipad @ least).

any tips on making possible appreciated.


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -