• 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 Small Screen...

Changing the Layout for Small Screens

With the wide-screen variation completed, let’s turn our attention now to smaller screens. First off, we’ll add a second media query right below the first one you added, targeting viewports that are narrower than 760 pixels wide:

@media screen and (max-width: 760px) {
}


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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