title: How to make a side-scrolling website with a responsive layout...?
body: <p>I'd like my site content to be side-scrolling. In other words, I when a link is clicked, I want that page to "scroll into" the viewport from the side.</p>
  
  <p>Much like this page: <a href="http://s3.sitepoint.com/examples/sidescroll/demo4.html" rel="nofollow">http://s3.sitepoint.com/examples/sidescroll/demo4.html</a></p>
  
  <p>However, I'd also like the content of each "page" (or div) to be responsive and fit the viewport. In the demo, when the page is sized down, the text gets cut-off (among other things).</p>
  
  <p>I was planning on making a really wide div and using JQuery animation to scroll to various points, but if there's a better way, please let me know. Also, I was planning on setting the wrapper overflow to "hidden", so as to disable the scroll bar.</p>