Responsive Design

[ondrae]

Details

Our site design is broken when viewed under 1200px wide. We need to come up with a responsive design. From phones to tablets to little laptops to dual display desktops. We'll use the Bootstrap 3 grid system to do this.

We have a contractor in KC working on this.

Screenshot

Tips

• [x] Replace Bootstrap RC1 with Bootstrap 3.
• [x] Start by getting the medium screen size to look good, using the col-md-* classes. http://getbootstrap.com/css/#grid
• [x] Then col-sm-*
• [x] Then col-xs-* if its needed. Is that smaller than iPhones?
• [x] Some of the elements currently don't use the grid system, we'll need to change those to percentages.