Desktop 1260px - 30px gutter

100% for background
90% for main container
80% for main container
1260 px: Columns have 15px space left & right (creating a 30px gap)
6% spacing between all elements
4% spacing between all elements
Content stretches to 1230px
1230 px
100 %
600 px
48 %
47%
600 px
48%
47%
390 px
30.6%
47%
390 px
30.6%
47%
390 px
30.6%
47%
285 px
22%
47%
285 px
22%
47%
285 px
22%
47%
285 px
22%
47%
222 px
222 px
222 px
222 px
222 px
180 px
180 px
180 px
180 px
180 px
180 px
75px
75px
75px
75px
75px
75px
75px
75px
75px
75px
75px
75px

All 12 column sizes

75px
48%
47%
1125px
48%
47%
180px
48%
47%
1020px
48%
47%
285px
22%
47%
915px
74%
47%
390px
30.6%
47%
810px
65.4%
47%
495px
48%
47%
705px
48%
47%
600px
48%
47%
600px
48%
47%
1230px
100%