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

Subscribe to our Newsletter

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