HTML and CSS Reference
In-Depth Information
}
2.
Save styles.css.
This media query applies to screen devices where the viewport width is 960px or less. Because the maximum
width of the website is 960px, whenever the browser window is equal to or less than that, the header has
some space on either side of it.
Now, what if the width of the browser window is reduced even more? Figure 16-11 shows that at a width of
700px, the navigation and logo no longer have enough space to sit aside each other. The content and sidebar
sitting side by side are also starting to look a little cramped.
