• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 6. Different Screen Size, Differ... > Changing the Layout for Large Screen...

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:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint