fix 'elements fall outside the viewport'

The page content is too wide for the viewport, forcing the user to scroll horizontally. 
The page content is 480 CSS pixels wide, but the viewport is only 320 CSS pixels wide. 
**More details**
http://developers.google.com/speed/pagespeed/insights/?url=cappuccino-project.org

![issue](http://i.imgur.com/kwYR5UK.png)

![issue](http://i.imgur.com/5uKChSD.png)

**But** I think we may have a better way to fix it.