Question 1

An example of progressive enhancement is when you specify a fallback color for a background image._________________________

Accepted Answer

A) True 
 B)False

Question 2

You use the @media keyword tocreate a media query for responsive design using which media type?

Accepted Answer

A)  min-width 
B)  max-width 
C)  ​print 
D)  screen 
A)  min-width 
B)  max-width 
C)  ​print 
D)  screen

Question 3

When you use progressive enhancement, newer CSS features enhance the basic content

Accepted Answer

A)  for users of older browsers only 
B)  for users of modern browsers only 
C)  for users of all browsers 
D)  for users of mobile browsers only 
A)  for users of older browsers only 
B)  for users of modern browsers only 
C)  for users of all browsers 
D)  for users of mobile browsers only

Question 4

Limiting the amount of web page content shown by default and making related information available only if a user requests is describes which concept?

Accepted Answer

A)  implementing adaptive content 
B)  testing with an emulator 
C)  using a shim 
D)  creating a breakpoint 
A)  implementing adaptive content 
B)  testing with an emulator 
C)  using a shim 
D)  creating a breakpoint

Question 5

Element widths in responsive designs are often specified in pixels._________________________

Accepted Answer

A) True 
 B)False

Question 6

Case-Based Critical Thinking Question
Tracy is using responsive design to build a website featuring images and descriptions of national parks.
-Tracy shortens the descriptions of the parks when the site is displayed on smaller screens; this is an implementation of __________.

Accepted Answer

A)  adaptive content 
B)  a widescreen layout 
C)  emulation 
D)  responsive navigation 
A)  adaptive content 
B)  a widescreen layout 
C)  emulation 
D)  responsive navigation

Question 7

In what circumstances might you add a column with a media query, and what property or properties might you use?

Accepted Answer

​ When adapting a layout for multiple sc

Question 8

While developing a website, you can test how its layout might appear on a range of devices using

Accepted Answer

A)  a shim 
B)  an emulator 
C)  a device-pixel ratio 
D)  a hamburger menu 
A)  a shim 
B)  an emulator 
C)  a device-pixel ratio 
D)  a hamburger menu

Question 9

Responsive design allows you to specify different CSS style rules depending on

Accepted Answer

A)  the height of the screen. 
B)  the width of the screen. 
C)  whether a device has a mouse. 
D)  whether a device has a touchscreen. 
A)  the height of the screen. 
B)  the width of the screen. 
C)  whether a device has a mouse. 
D)  whether a device has a touchscreen.

Question 10

One method of implementing adaptive content is to change the display of elements in media queries using class names.

Accepted Answer

A) True 
 B)False

Question 11

Matching
Match each logical operator and media feature with its description.
-not

Accepted Answer

A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies 
A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies

Question 12

In general, you use the min-width media feature for all media queries when your starting layout is optimized for a small screen._________________________

Accepted Answer

A) True 
 B)False

Question 13

What does a hamburger menu replace?

Accepted Answer

A)  nav bar 
B)  logo 
C)  sidebar 
D)  footer 
A)  nav bar 
B)  logo 
C)  sidebar 
D)  footer

Question 14

It's considered acceptable to incorporate a newer CSS feature not supported by older browsers as long as it doesn't affect the meaning or functionality of page content.

Accepted Answer

A) True 
 B)False

Question 15

The practice of limiting the amount of content shown by default and making related information available only if a user requests is is known as __________ content.

Accepted Answer

The answer of The practice of limiting the amount of...

Question 16

​
  
-Referring to the figure above, the code that creates rounded corners starts with __________.

Accepted Answer

A)  padding: 
B)  border: 
C)  display: 
D)  border-radius: 
A)  padding: 
B)  border: 
C)  display: 
D)  border-radius:

Question 17

__________ allows a web developer to specify different CSS style rules for some or all of a page's elements depending on the width of the screen or browser window.

Accepted Answer

The answer of __________ allows a web developer to specify...

Question 18

Matching
Match each logical operator and media feature with its description.
-min-width

Accepted Answer

A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies 
A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies

Question 19

Case-Based Critical Thinking Question
Tracy is using responsive design to build a website featuring images and descriptions of national parks.
-Tracy wants to change the display of the first child of another element; to do so, he uses __________.

Accepted Answer

A)  a pseudo-element 
B)  HTML 
C)  a structural pseudo-class 
D)  a media feature 
A)  a pseudo-element 
B)  HTML 
C)  a structural pseudo-class 
D)  a media feature

Question 20

Matching
Match each logical operator and media feature with its description.
-and

Accepted Answer

A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies 
A) conditions before and after must be true 
B) condition before or condition after must be true 
C) condition after must be false 
D) minimum width to which media query applies 
E) maximum width to which media query applies

An example of progressive enhancement is when you specify a fallback color for a background image._________________________

You use the @media keyword tocreate a media query for responsive design using which media type?

When you use progressive enhancement, newer CSS features enhance the basic content

Limiting the amount of web page content shown by default and making related information available only if a user requests is describes which concept?

Element widths in responsive designs are often specified in pixels._________________________

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy shortens the descriptions of the parks when the site is displayed on smaller screens; this is an implementation of __________.

In what circumstances might you add a column with a media query, and what property or properties might you use?

While developing a website, you can test how its layout might appear on a range of devices using

Responsive design allows you to specify different CSS style rules depending on

One method of implementing adaptive content is to change the display of elements in media queries using class names.

Matching Match each logical operator and media feature with its description. -not

In general, you use the min-width media feature for all media queries when your starting layout is optimized for a small screen._________________________

What does a hamburger menu replace?

It's considered acceptable to incorporate a newer CSS feature not supported by older browsers as long as it doesn't affect the meaning or functionality of page content.

The practice of limiting the amount of content shown by default and making related information available only if a user requests is is known as __________ content.

-Referring to the figure above, the code that creates rounded corners starts with __________.

__________ allows a web developer to specify different CSS style rules for some or all of a page's elements depending on the width of the screen or browser window.

Matching Match each logical operator and media feature with its description. -min-width

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy wants to change the display of the first child of another element; to do so, he uses __________.

Matching Match each logical operator and media feature with its description. -and

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

Exam 9: Implementing Responsive Design

An example of progressive enhancement is when you specify a fallback color for a background image._________________________

You use the @media keyword tocreate a media query for responsive design using which media type?

When you use progressive enhancement, newer CSS features enhance the basic content

Limiting the amount of web page content shown by default and making related information available only if a user requests is describes which concept?

Element widths in responsive designs are often specified in pixels._________________________

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy shortens the descriptions of the parks when the site is displayed on smaller screens; this is an implementation of __________.

In what circumstances might you add a column with a media query, and what property or properties might you use?

While developing a website, you can test how its layout might appear on a range of devices using

Responsive design allows you to specify different CSS style rules depending on

One method of implementing adaptive content is to change the display of elements in media queries using class names.

Matching Match each logical operator and media feature with its description. -not

In general, you use the min-width media feature for all media queries when your starting layout is optimized for a small screen._________________________

What does a hamburger menu replace?

It's considered acceptable to incorporate a newer CSS feature not supported by older browsers as long as it doesn't affect the meaning or functionality of page content.

The practice of limiting the amount of content shown by default and making related information available only if a user requests is is known as __________ content.

​ -Referring to the figure above, the code that creates rounded corners starts with __________.

__________ allows a web developer to specify different CSS style rules for some or all of a page's elements depending on the width of the screen or browser window.

Matching Match each logical operator and media feature with its description. -min-width

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy wants to change the display of the first child of another element; to do so, he uses __________.

Matching Match each logical operator and media feature with its description. -and

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

-Referring to the figure above, the code that creates rounded corners starts with __________.