4-8-12

Just plain simple.

Borrowed from IBM Security, this responsive (4, 8, and 12) column system makes any layout look great on any resolution. The one constant throughout the entire system is a gutter size of 24px. This allows columns to respond as freely as possible while ensuring proper horizontal spacing throughout your designs.