Tag Archives: grid

Style Guide – A responsive, proportional, nestable, 6-column grid framework

The framework is built around a combination of these three elements: container, fields, and region. The container class sets the max-width of the page and centers it horizontally. It also sets the left and right margins on small screens. The fields class defines horizontal divisions of the page. (They can be thought of as “rows”) The region class creates veritcal divisions of the page with defined sizes for containing content. (They can be thought of as “columns”)

Style Guide – A responsive, proportional, nestable, 6-column grid framework

The framework is built around a combination of these three elements: container, fields, and region. The container class sets the max-width of the page and centers it horizontally. It also sets the left and right margins on small screens. The fields class defines horizontal divisions of the page. (They can be thought of as “rows”) The region class creates veritcal divisions of the page with defined sizes for containing content. (They can be thought of as “columns”)