WGU D276 Study Guide – Complete With Solutions
What is a viewport unit in CSS? Right Ans - A percentage of the browser
viewport's width or height
What is an at-rule in CSS? Right Ans - A statement that starts with an at
sign, followed by an identifier
What does 1vw represent in CSS viewport units? Right Ans - 1% of
viewport width
What type of layout is ideal for both desktop and mobile devices? Right Ans
- fluid layout
What do developers use to modify a webpage's layout depending on the
browser's width? Right Ans - Responsive web design
What do webpages using responsive web design adapt to using media
queries? Right Ans - Different viewport sizes
What is a CSS media query? Right Ans - A combination of media types and
optionally one or more media feature expressions that evaluate to true or
false
Where are media queries often used? Right Ans - In <link> elements and in
stylesheets
What happens when a media query in a <link> matches? Right Ans - The
link's stylesheet is downloaded
What happens when a media query in a stylesheet matches? Right Ans -
The @media's inner rules are defined
What is a breakpoint in the context of a media query? Right Ans - The
screen width that activates a media query
What is a good practice when using breakpoints? Right Ans - To use
breakpoints that target the content
, What is a common error when using breakpoints? Right Ans - Forgetting to
include the viewport meta element in the webpage
Why should higher resolution images be used for devices with higher DPRs?
Right Ans - To avoid images looking pixelated or blocky
What type of images are ideal for responsive images? Right Ans - SVG
images
What is a Scalable Vector Graphics (SVG) image? Right Ans - A vector image
that is defined with XML
What does the <img> srcset attribute specify? Right Ans - Which image
should be displayed for specific DPR values
What type of images do developers typically create different versions of for
display at the correct resolution? Right Ans - Raster images
What does a browser use to choose the image that best fits the proportional
size at the given DPR? Right Ans - The image's sizes and srcset attributes
What does the sizes attribute of an image specify? Right Ans - One or more
pairs of media conditions and relative image sizes
How do developers access the DevTools screen emulator in Chrome? Right
Ans - By typing Command-Option-I (Mac) or Ctrl-Shift-I (Windows)
What is the device pixel ratio (DPR) Right Ans - The ratio between device
pixels and logical pixels.
What encouraged web developers to create mobile websites? Right Ans -
The popularity of smartphones
What technologies are most commonly used to create both mobile and
desktop websites? Right Ans - HTML, CSS, and JavaScript
In which technique does the web server send back a desktop version to
desktop browsers and a mobile version to mobile browsers? Right Ans -
Dynamic serving
What is a viewport unit in CSS? Right Ans - A percentage of the browser
viewport's width or height
What is an at-rule in CSS? Right Ans - A statement that starts with an at
sign, followed by an identifier
What does 1vw represent in CSS viewport units? Right Ans - 1% of
viewport width
What type of layout is ideal for both desktop and mobile devices? Right Ans
- fluid layout
What do developers use to modify a webpage's layout depending on the
browser's width? Right Ans - Responsive web design
What do webpages using responsive web design adapt to using media
queries? Right Ans - Different viewport sizes
What is a CSS media query? Right Ans - A combination of media types and
optionally one or more media feature expressions that evaluate to true or
false
Where are media queries often used? Right Ans - In <link> elements and in
stylesheets
What happens when a media query in a <link> matches? Right Ans - The
link's stylesheet is downloaded
What happens when a media query in a stylesheet matches? Right Ans -
The @media's inner rules are defined
What is a breakpoint in the context of a media query? Right Ans - The
screen width that activates a media query
What is a good practice when using breakpoints? Right Ans - To use
breakpoints that target the content
, What is a common error when using breakpoints? Right Ans - Forgetting to
include the viewport meta element in the webpage
Why should higher resolution images be used for devices with higher DPRs?
Right Ans - To avoid images looking pixelated or blocky
What type of images are ideal for responsive images? Right Ans - SVG
images
What is a Scalable Vector Graphics (SVG) image? Right Ans - A vector image
that is defined with XML
What does the <img> srcset attribute specify? Right Ans - Which image
should be displayed for specific DPR values
What type of images do developers typically create different versions of for
display at the correct resolution? Right Ans - Raster images
What does a browser use to choose the image that best fits the proportional
size at the given DPR? Right Ans - The image's sizes and srcset attributes
What does the sizes attribute of an image specify? Right Ans - One or more
pairs of media conditions and relative image sizes
How do developers access the DevTools screen emulator in Chrome? Right
Ans - By typing Command-Option-I (Mac) or Ctrl-Shift-I (Windows)
What is the device pixel ratio (DPR) Right Ans - The ratio between device
pixels and logical pixels.
What encouraged web developers to create mobile websites? Right Ans -
The popularity of smartphones
What technologies are most commonly used to create both mobile and
desktop websites? Right Ans - HTML, CSS, and JavaScript
In which technique does the web server send back a desktop version to
desktop browsers and a mobile version to mobile browsers? Right Ans -
Dynamic serving
