Making Your Website Look Great Across Multiple Devices - CSS3 Foundations - page 281

Figure 16-10 The Cool Shoes & Socks page viewed in a browser at a width of 800px.
For the most part, the normal desktop experience is sufficient, although notice that the logo and navigation in the
header touch the sides of the browser window. You can change that:
1. At the bottom of styles.css, add the following @media rule:
/*viewport 960px and below*/
@media only screen and (max-width: 960px) {
#header {
padding: 0 40px;
}