Responsive grid 1140px

HTML & CSS
1

In his book “Responsive Web Design” Ethan Marcotte converts at 960px page layout like so:


.page {
margin: 36px auto;
width: 960px;
}

becomes


.page {
margin: 36px auto;
width: 90%;
}

I’m just wondering, if you were to use an 1140px grid, would the same percentage hold, or is there another recommended value?

Thanks

2

Any percentage of 100 or less should work - depending on how much empty space you want to leave on either side of your content - with 90% it leaves 5% blank on either side.

3

Ah, thanks, I think I’ve got it, so if I don’t actually want my site to fill 90% of the screen I just set it to #page {max-width: 1140px;}