Responsive Grid System
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
LICENSE
README.md
index.html

README.md

Cute Grids

##About

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.

##Features

  • 12 Columns

  • Fully Responsive

  • Mobile First

  • Nestable

  • Fluid

  • Easy column manipulation

  • plus more

##Browser Support

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 .

##Getting Started

Link to your stylesheet


<link rel="stylesheet" href="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

##Support

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 & License

Copyright (C) 2014 Darren Newberry - Released under the MIT License.