Grid

Grid-based design can be extraordinarily useful in creating sites that are predictable, easily navigated, and visually appealing. Grids are really good at helping designers to plan where things go, and easy for site visitors to use.
Thinking Outside the Grid, Molly E. Holzschlag

Brightscope uses a simple, responsive grid to help organize content on pages. The grid provides the basic structure. Individual content elements will create their own spacing with consistent padding using the "block" class.

Below 700px, the columns will collapse and stack upon each other.

Grid Layout

col-1-2
col-1-2
col-1-3
col-1-3
col-1-3
col-1-4
col-1-4
col-1-4
col-1-4
col-1-5
col-1-5
col-1-5
col-1-5
col-1-5
col-1-6
col-1-6
col-1-6
col-1-6
col-1-6
col-1-6
col-1-7
col-1-7
col-1-7
col-1-7
col-1-7
col-1-7
col-1-7
col-1-8
col-1-8
col-1-8
col-1-8
col-1-8
col-1-8
col-1-8
col-1-8
col-1-9
col-1-9
col-1-9
col-1-9
col-1-9
col-1-9
col-1-9
col-1-9
col-1-9
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-10
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-11
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-12
col-1-3
col-2-3
col-2-3
col-1-3
col-1-4
col-1-4
col-1-2
col-1-4
col-1-2
col-1-4
col-1-2
col-1-4
col-1-4
1-12
col-11-12
col-1-6
col-10-12
col-1-4
col-9-12
col-5-12
col-7-12
col-7-12
col-5-12
col-9-12
col-1-4
col-10-12
col-1-6
col-11-12
1-12