Comprehensive Web Design and Front-End
Development Study Guide
A reset or CSS file is used to reduce browser inconsistencies by making browsers
render elements consistently and in line with modern standards. ✔✔normalize
The portion of the file name is a standard way to name files that have had all the
spaces and line returns removed in the file. ✔✔min
The is the framed area on a display screen and each responsive web page needs to
have a meta tag defined for this property. ✔✔viewport
Which of the following is the correct way to reference a font from the Google Font API?
✔✔<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
Google Fonts makes product and web pages run faster by safely caching fonts without
compromising users' privacy or security. Google Fonts is an API or .
✔✔Application programming interface
let you adapt your site or app depending on the presence or value of various
device characteristics and parameters and are a key component of responsive design. As an
example, they can shrink the font size on small devices, increase the padding between
paragraphs when a page is viewed in portrait mode, or bump up the size of buttons on
touchscreens. ✔✔Media queries
, Which of the following code snippets is the correct way to write an HTML comment? ✔✔<!--
Place a storefront picture here -->
Rewrite the following div element start tag using an appropriate, semantic HTML5 tag, and be
sure to include the opening and closing brackets < >.
<div id="footer"> ✔✔<footer>
Write the document type declaration markup statement for an HTML5 file. Be sure to include
the appropriate opening and closing brackets < >. ✔✔<!DOCTYPE html>
Which of the following is an accurate example of writing a comment in CSS? ✔✔/* a
comment*/
In the responsive, horizontal menu example provided in the activities, what HTML structure was
used construct the navigation menu? ✔✔Unordered list
Write the CSS declaration that applies the Grid layout to the selector. ✔✔Display: grid;
Write the CSS declaration that applies the Flex box layout to the selector. ✔✔Display: flex;
describes the visitors purpose in visiting and using the site of which the site content can provide
the answers ✔✔scenarios
Development Study Guide
A reset or CSS file is used to reduce browser inconsistencies by making browsers
render elements consistently and in line with modern standards. ✔✔normalize
The portion of the file name is a standard way to name files that have had all the
spaces and line returns removed in the file. ✔✔min
The is the framed area on a display screen and each responsive web page needs to
have a meta tag defined for this property. ✔✔viewport
Which of the following is the correct way to reference a font from the Google Font API?
✔✔<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
Google Fonts makes product and web pages run faster by safely caching fonts without
compromising users' privacy or security. Google Fonts is an API or .
✔✔Application programming interface
let you adapt your site or app depending on the presence or value of various
device characteristics and parameters and are a key component of responsive design. As an
example, they can shrink the font size on small devices, increase the padding between
paragraphs when a page is viewed in portrait mode, or bump up the size of buttons on
touchscreens. ✔✔Media queries
, Which of the following code snippets is the correct way to write an HTML comment? ✔✔<!--
Place a storefront picture here -->
Rewrite the following div element start tag using an appropriate, semantic HTML5 tag, and be
sure to include the opening and closing brackets < >.
<div id="footer"> ✔✔<footer>
Write the document type declaration markup statement for an HTML5 file. Be sure to include
the appropriate opening and closing brackets < >. ✔✔<!DOCTYPE html>
Which of the following is an accurate example of writing a comment in CSS? ✔✔/* a
comment*/
In the responsive, horizontal menu example provided in the activities, what HTML structure was
used construct the navigation menu? ✔✔Unordered list
Write the CSS declaration that applies the Grid layout to the selector. ✔✔Display: grid;
Write the CSS declaration that applies the Flex box layout to the selector. ✔✔Display: flex;
describes the visitors purpose in visiting and using the site of which the site content can provide
the answers ✔✔scenarios
