Responsive Design

Look Great Anywhere

Our templates work well on any device, from widescreen desktop monitors to narrow phones.

Responsive Tables

Webmasters love tables for layout and data display. Our tables are responsive. They don't just squash down - useless! Here's an example:

Sample Table
	Squish Content	Look Good on Phones	Stack Sensibly
Responsive Tables	No	Yes	Yes
Non-Responsive Tables	Yes	No	No

Mobile First

Many of the people who access K-12 sites are on a phone. Considering their experience as a primary design task is called a mobile first approach.

Our CMS follows a standard framework for stacking columns (that's how responsive design works) with a twist. Homepages stack left, center, right while interior pages stack center, right, left.

We put the lefthand column at the bottom, and then the interior navigation at the very bottom, so users get thru all the content before they get to next level of navigation. We do this because a significant percentage of users arrive on a page via search rather than drilling-down. They don't need deeper navigation.

Considering these dynamics is just an example of the sort of user-centered mobile-first design baked into School Loop.