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?