Reviewing what we've learned about the layout for different screen widths

We've made a lot of changes to our layout in this chapter and looked not only at the CSS needed to do that, but the impact of those changes on user experience. We've covered a few new concepts, so it's worth reviewing some of the key points so as not to forget what we've done.

Pop quiz

1. 1. Why is it a good idea to adjust the layout of a site for mobile devices? (select all that apply)

   1. a. To make the site easier to read.

   2. b. To make better use of the screen space.

   3. c. To speed up the site on mobiles.

   4. d. To make it easier to tap links with a finger or thumb.

2. 2. What effect will the following code snippet have on navigation links?

   #menu {
   text-align: center;
   }
   #menu a {
   display: inline;
   }
   #menu li {
   float: none;
   display: inline;
   }
   

   1. a. It will center the links on the screen.

   2. b. It will create larger spaces between the links.

   3. c. It will make the links sit one below the other.

3. 3. Why will the CSS we write for iPads in portrait mode also...