11.) What is the purpose of the max-height media query?
A) It applies styles if the viewport height is equal to or less than the specified value
B) It applies styles if the viewport height is equal to or greater than the specified value
C) It applies styles if the viewport width is equal to or less than the specified value
D) It applies styles if the viewport width is equal to or greater than the specified value
12.) What is the correct syntax for defining a media query in CSS?
A) @media { query: …; }
B) media query { … }
C) media-query { … }
D) @media query { … }
13.) Which media query targets devices with a specific aspect ratio, such as widescreen monitors?
A) @media (aspect-ratio: 16/9)
B) @media (orientation: landscape)
C) @media (min-aspect-ratio: 16/9)
D) @media (max-aspect-ratio: 16/9)
14.) What is the purpose of the pointer media feature?
A) It targets devices with specific pointing devices, such as a mouse or touchscreen
B) It targets devices with specific screen resolutions
C) It targets devices with specific aspect ratios
D) It targets devices with specific screen widths
15.) Which CSS property is commonly used to adjust the layout based on the screen orientation?
A) orientation
B) display
C) flex-direction
D) text-align
16.) What is the purpose of the color media feature?
A) It targets devices with specific screen widths
B) It targets devices with specific screen resolutions
C) It targets devices with specific aspect ratios
D) It targets devices with specific color capabilities
17.) What does the following media query target: @media (max-height: 600px)?
A) Viewports with a height less than or equal to 600 pixels
B) Viewports with a height greater than or equal to 600 pixels
C) Viewports with a width less than or equal to 600 pixels
D) Viewports with a width greater than or equal to 600 pixels
18.) Which media query targets devices with a specific screen width?
A) @media (max-width: 768px)
B) @media (min-width: 768px)
C) @media (max-height: 768px)
D) @media (min-height: 768px)
19.) Which media query syntax targets devices with a screen width between 600px and 900px?
A) @media (min-width: 600px) and (max-width: 900px) { … }
B) @media (min-width: 600px, max-width: 900px) { … }
C) @media (width >= 600px && width <= 900px) { … }
D) @media (600px <= width <= 900px) { … }
20.) Which of the following media query syntaxes is incorrect?
A) @media (min-width: 768px) and (max-width: 1024px) { … }
B) @media (min-height: 600px), (max-height: 800px) { … }
C) @media (min-device-width: 320px) and (max-device-width: 480px) { … }
D) @media (orientation: portrait), (orientation: landscape) { … }
