Changing the Layout for Large Screens

We’ll start with the styles for large screens. Download the exercise files for this chapter at www.stunningcss3.com, and open media-queries_start.html in your code editor. Its CSS is contained in a style element in the head of the page.

The design of this example page starts looking a bit stretched out at around 1200 pixels wide, so let’s add a media query that will apply only when the window is 1200 or more pixels wide. Add the following CSS after all the existing styles in the style element in the head: