Simple Grid was one of the first grid systems that came out during the rush to find some frameworks to base early responsive design adopters.

While most sites are now rolling their own or focussing on using a greater supported system like Bootstrap, Foundation or Atomic Pattern Lab, this is worth taking a look at to see if there’s something you can use in your own project.s

SG is prepared for 4 distinct ranges of screen size: screens < 720px, screens > 720px, screens > than 985px, and screens > than 1235px. So people visiting your site will receive a layout that’s tuned to the size of their browser window. Say goodbye to horizontal scrollbars.

Download it and check it out (sorry but only the download link works, it’s not actually listed on GitHub)

  • Resource Name


  • Resource Creator

    Conor Muirhead


Responsive. Infinite nesting. One class per element. Simple.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.