Resources

Responsive Grid System

Last updated on 23 May 2012

Responsive Grid System
Responsive Grid System

Responsive Grid System is a super basic grid system that focusses on providing you with a layout and nothing more.

The features include

  • mobile first
  • 12, 16 & 24 column
  • clearfix
  • optional gutters
  • 1kb compressed
  • box-sizing polyfill
  • respond.js polyfill

The CSS itself uses the Eric Meyer CSS Reset rather than the Normalize.css approach. It also gives you a fallback method for handling box-sizing rules for earlier versions of IE however you will have to make sure that you include the .htc file.

  • Resource Name

    Responsive Grid System

  • Resource Creator

    Denis Leblanc

Description

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media queries for all standard devices, clearfix, and optional reset.

View on Github Download Resource

Related Resources

  • Amazium responsive framework

    Amazium

    May 27th, 2012

    So what is Amazium I hear you ask, well you may have been hearing the term "Responsive Web Design" being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!

  • Image placeholder

    Skeleton

    May 27th, 2012

    Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

  • Image placeholder

    1140 Grid

    May 27th, 2012

    1140px wide grid is being displayed perfectly on all screens that are 1280 pixels wide. Due to its responsiveness it works correctly on smaller screen resolutions.

Subscribe to our Newsletter

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