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.
As the most used screen size in the world, it is important that all designs start at 1366px. From there, content can be redesigned to respond to larger and smaller screens.
As the layout responds to a size greater than 1600px, all content within that frame must be centered. This allows for white space to flow freely on either side of the layout while still framing the design in an efficient way.
Can’t find what you’re looking for?
Feel free to share any comments or concerns, and request any other elements you might need.