Skip to content


Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Cute Grids


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

##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 class="cute-6-tablet">
        content here....

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


If you have any questions or need some support using Cute Grids then please feel free to contact me.


or connect with me on twitter @dazzy_web

##Copyright & License

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