Skip to content

dazzyweb/cute-grids

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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: [email protected]

or connect with me on twitter @dazzy_web

##Copyright & License

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