Golden Grid System

A 16 column responsive grid designed to be folded into 8 and then 4 columns as the viewport decreases.

The golden grid system was developed by Joni Korpi and takes advantage of using the box-sizing: border-box; meaning that there’s no first or last container clearing problems.

  • Resource Name

    Golden Grid System

  • Resource Creator

    Joni Korpi


A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.

View on Github Download Resource

2 thoughts on “Golden Grid System”

Subscribe to our Newsletter

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