1. What is media query ? Junior A. an HTML head element instructing mobile browsers to map the layout width to the device width B. a media feature detecting whether the user wants animations minimized for accessibility C. a media feature detecting whether the user has requested a light or dark interface D. a conditional rule applying styles only when device or viewport characteristics match
2. Which term means: "a conditional rule applying styles only when device or viewport characteristics match"? Junior A. media query B. prefers-color-scheme C. mobile-first design D. prefers-reduced-motion
3. Which statement is correct? Junior A. media query — a media feature detecting whether the user wants animations minimized for accessibility B. media query — a media feature detecting whether the user has requested a light or dark interface C. media query — an HTML head element instructing mobile browsers to map the layout width to the device width D. media query — a conditional rule applying styles only when device or viewport characteristics match
4. What is breakpoint ? Junior A. an approach defining base styles for small screens and layering enhancements via min-width queries B. a viewport width at which the layout is restyled to suit a different screen size C. a conditional rule applying styles only when device or viewport characteristics match D. an HTML head element instructing mobile browsers to map the layout width to the device width
5. Which term means: "a viewport width at which the layout is restyled to suit a different screen size"? Junior A. media query B. breakpoint C. viewport meta tag D. prefers-reduced-motion
6. Which statement is correct? Junior A. breakpoint — a media feature detecting whether the user has requested a light or dark interface B. breakpoint — a conditional rule applying styles only when device or viewport characteristics match C. breakpoint — a viewport width at which the layout is restyled to suit a different screen size D. breakpoint — a media feature detecting whether the user wants animations minimized for accessibility
7. What is mobile-first design ? Mid A. a conditional rule applying styles only when device or viewport characteristics match B. an HTML head element instructing mobile browsers to map the layout width to the device width C. a media feature detecting whether the user wants animations minimized for accessibility D. an approach defining base styles for small screens and layering enhancements via min-width queries
8. Which term means: "an approach defining base styles for small screens and layering enhancements via min-width queries"? Mid A. prefers-color-scheme B. viewport meta tag C. mobile-first design D. media query
9. Which statement is correct? Mid A. mobile-first design — an approach defining base styles for small screens and layering enhancements via min-width queries B. mobile-first design — a viewport width at which the layout is restyled to suit a different screen size C. mobile-first design — a conditional rule applying styles only when device or viewport characteristics match D. mobile-first design — a media feature detecting whether the user wants animations minimized for accessibility
10. What is prefers-color-scheme ? Mid A. a viewport width at which the layout is restyled to suit a different screen size B. a conditional rule applying styles only when device or viewport characteristics match C. an HTML head element instructing mobile browsers to map the layout width to the device width D. a media feature detecting whether the user has requested a light or dark interface
11. Which term means: "a media feature detecting whether the user has requested a light or dark interface"? Mid A. breakpoint B. prefers-color-scheme C. mobile-first design D. viewport meta tag
12. Which statement is correct? Mid A. prefers-color-scheme — a media feature detecting whether the user wants animations minimized for accessibility B. prefers-color-scheme — a viewport width at which the layout is restyled to suit a different screen size C. prefers-color-scheme — a media feature detecting whether the user has requested a light or dark interface D. prefers-color-scheme — an HTML head element instructing mobile browsers to map the layout width to the device width
13. What is prefers-reduced-motion ? Senior A. a media feature detecting whether the user wants animations minimized for accessibility B. a viewport width at which the layout is restyled to suit a different screen size C. an HTML head element instructing mobile browsers to map the layout width to the device width D. an approach defining base styles for small screens and layering enhancements via min-width queries
14. Which term means: "a media feature detecting whether the user wants animations minimized for accessibility"? Senior A. prefers-color-scheme B. prefers-reduced-motion C. mobile-first design D. media query
15. Which statement is correct? Senior A. prefers-reduced-motion — a conditional rule applying styles only when device or viewport characteristics match B. prefers-reduced-motion — an approach defining base styles for small screens and layering enhancements via min-width queries C. prefers-reduced-motion — a media feature detecting whether the user has requested a light or dark interface D. prefers-reduced-motion — a media feature detecting whether the user wants animations minimized for accessibility
16. What is viewport meta tag ? Mid A. a conditional rule applying styles only when device or viewport characteristics match B. a media feature detecting whether the user has requested a light or dark interface C. a media feature detecting whether the user wants animations minimized for accessibility D. an HTML head element instructing mobile browsers to map the layout width to the device width
17. Which term means: "an HTML head element instructing mobile browsers to map the layout width to the device width"? Mid A. prefers-color-scheme B. prefers-reduced-motion C. breakpoint D. viewport meta tag
18. Which statement is correct? Mid A. viewport meta tag — an HTML head element instructing mobile browsers to map the layout width to the device width B. viewport meta tag — a conditional rule applying styles only when device or viewport characteristics match C. viewport meta tag — a viewport width at which the layout is restyled to suit a different screen size D. viewport meta tag — a media feature detecting whether the user wants animations minimized for accessibility