960 Grid Adapted to 1120px

I have used the 960 Grid System on a few projects and wanted to include it in the use of a recent work related project. Problem was that I needed to utilize more than 960px of the screen.

The solution? I adapted the 960 16 column grid system to be used as a 1120px 16 column grid system.

The 1120px design scheme allows for each of the 16 columns to be 50px instead of 40px wide, while still keeps the 10px margin on the left and right which creates the 20px gutters.

While this is fairly specific to my needs, it may solve someone else’s problem as well.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: