KEY WORDS: Directions: Fill in the correct keyword, or write the definition of the keyword provided

1. Viewport-

2. Mobile Website-

3. _________________ - a web developer designs the flexible wireframe and essential content for the smallest
viewport first, progressively adding more content

4. _________________ - allow the webpage developer to detect the approximate pixel size of the current
viewport

5. Flexible Images-

6. _________________ - supplies proportional size measurements to the website wireframes and content so that
the content stretches, shrinks, and grows as the size of the viewport changes

7. Fixed Layouts-

8. _________________ - a website development strategy that strives to provide an optimal user experience of a
website regardless of the device or browser used

Directions: Follow the instructions below to complete the Answer.

1. How do you create a flexible image, using what attribute?

2. It is best practice to use a ____ column layout for a mobile display?

a. single b. double c. triple

3. What are 6 key best practices to use when designing for mobile viewports?