HTML Tutorial 5-6 Study Guide
ACCURATE 100%
Which of the following is not a part of responsive design theory? - ANSWERpulldown
menus
Which attribute do you add to a link element for aural browsers? - ANSWERmedia =
"speech"
What @rule do you use for braille device? - ANSWER@media braille
What @rule loads style rules for screen devices up to a maximum width of 780
pixels? - ANSWER@media screen and (max-width: 780px)
What attribute would you add to a link element for screen devices whose width
ranges from 480 pixels up to 780 pixels (inclusive)? - ANSWERmedia="screen and
(min-width: 480px and max-width: 780px)"
In general, what media rules should be listed first in your media queries if you want
to support mobile, tablet, laptop, and desktop devices? - ANSWERmobile
Which viewport displays the web page content that fits within mobile screen? -
ANSWERvisual
Which viewport contains the entire content of the page, some of which may be
hidden from the user? - ANSWERlayout
Which of the following is not a style to display an element as a flexbox? -
ANSWERdisplay: -webkit-flex;
To display items within a flexbox in a column filled from the bottom upward, use: -
ANSWERflex-direction: column-reverse;
To set the initial size of a flexbox item to 250 pixels, use: - ANSWERflex-basis:
250px;
To set the growth rate of a flexbox item to a rate of 4, use: - ANSWERflex-grow: 4;
Which of the following sets the div element to be equal in size regardless of the size
of the flexbox container? - ANSWERdiv {flex: 1 1 0px;}
To reorder of the placement of a flex item within its flexbox, use: - ANSWERorder
To prevent a page break from being placed within any header element, use: -
ANSWERheader {page-break-inside: avoid;}
