Cute Grids is a responsive grid system full of features to help designers and developers get started with their responsive layout. Visit Cute Grids for more details.
12 Columns
Fully Responsive
Mobile First
Nestable
Fluid
Easy column manipulation
plus more
Works on Chrome, Safari, Firefox, Opera, IE9+. If you need Cute grids to work in IE8 then this is possible with using respond.js polyfill for Media queries and REM-unit-polyfill for rem untis .
Link to your stylesheet
<link rel="stylesheet" href="https://github.com/dazzyweb/cute-grids/blob/master/css/cutegrids.css">
Structure layout as example below
<div class="row">
<div class="cute-6-tablet">
content here....
</div>
<div class="cute-6-tablet">
content here....
</div>
</div>
Wrap the cute columns in a row. Make sure that all cute columns add up to 12. Column classes named by cute- then number of columns followed by device name for example .cute-6-tablet. Column class device widths applies to the specified device width and wider devices widths up. Below the device width size columns are stacked and stretched 100 percent.
For full instructions using Cute Grids visit www.cutegrids.com
If you have any questions or need some support using Cute Grids then please feel free to contact me.
Email: contact@dazzyweb.com
or connect with me on twitter @dazzy_web
Copyright (C) 2014 Darren Newberry - Released under the MIT License.