1. What is responsive web design?
A way of designing web sites that focuses on the viewport of the device.
A way of designing web pages by using cascading style sheets.
Using media queries to determine size of viewports.
All of the above
2. Why have layout designs changed?
They really haven't.
Mobile devices have changed the way we use the Internet.
Flexible box models do not work.
One size fits all screens.
3. What happens without the meta tag viewport code when using a mobile device?
The browser forces all of the page into a tiny format.
Nothing
It assumes that you are viewing a desktop device
Both 1 and 3
4. Article, nav, header, footer, aside, are all part of?
media queries
flexible box model
All cascading style sheets
All of the above
5. The users' visible area of a web page, is called?
a media query
html document
viewport
cascading style sheet.
6. Mobile browsers render the page in a virtual window (viewport) usually ______ then the screen.
wider
same size
narrower
taller
7. The responsive web tester tool comes with which browser?
Firefox
Internet Explorer
Chrome
All of the above
8. What is the flex-direction property for small screens?
row
column
tabular
None of the above
9. What is the flex-direction property for large screens?
row
column
10. What symbols are used to enclose a media query?
parentheses
square brackets
curly braces
quotation marks
11. What pixel width was used for small screen media queries?
1024
768
640
1289
12. As a general rule?
larger screens require larger font sizes
smaller screens require larger font sizes
font sizes should remain constant
you can not change the size of the fonts.
13. What dimensions were used for a medium sized screen media query?
641 X 1024
1025 X 1280
1050 X 1680
600 X 800
14. You can rearrange the flexible boxes using what code word?
rearrange
realign
order
all of the above
15. Where were the pictures of the pirate ship placed?
header
footer
article
aside
Responsive Web Design Test