Question 1

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

Accepted Answer

A) True 
 B)False

Question 2

Which pseudo-class selects the first child element of the specified type?

Accepted Answer

A)  :first-child 
B)  :first-of-type 
C)  :nth-child 
D)  :nth-of-type 
A)  :first-child 
B)  :first-of-type 
C)  :nth-child 
D)  :nth-of-type

Question 3

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

Accepted Answer

A) True 
 B)False

Question 4

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

Accepted Answer

A) True 
 B)False

Question 5

Referring to the figure above, the word and represents a

Accepted Answer

A)  media type. 
B)  media feature. 
C)  media query. 
D)  logical operator. 
A)  media type. 
B)  media feature. 
C)  media query. 
D)  logical operator.

Question 6

When your default layout is optimized for small screens, then the media query for your first breakpoint would use the __________ media feature.

Accepted Answer

A)  min-width 
B)  max-width 
C)  min-height 
D)  max-height 
A)  min-width 
B)  max-width 
C)  min-height 
D)  max-height

Question 7

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

Accepted Answer

A) True 
 B)False

Question 8

Case-Based Critical Thinking Question
Tracy is using responsive design to build a website featuring images and descriptions of national parks.
Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

Accepted Answer

A)  button 
B)  table 
C)  list 
D)  heading 
A)  button 
B)  table 
C)  list 
D)  heading

Question 9

A media query recreates a feature for older browsers using JavaScript code. _________________________

Accepted Answer

A) True 
 B)False

Question 10

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 11

Which of the following is a commonly hidden web page element?

Accepted Answer

A)  nav bar 
B)  main heading 
C)  footer 
D)  all of the above 
A)  nav bar 
B)  main heading 
C)  footer 
D)  all of the above

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

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content. _________________________

Accepted Answer

A) True 
 B)False

Question 14

On smaller screens, it's standard to replace the nav bar with a button showing 3 horizontal lines.

Accepted Answer

A) True 
 B)False

Question 15

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 16

What is selected by the selector section p:first-of-type ?

Accepted Answer

A)  the first p element within each section element 
B)  the first p child element within each section element if that p element is also the first child 
C)  the last  p  element within each  section  element 
D)  the last  p  child element within each  section element if that  p  element is also the last child 
A)  the first p element within each section element 
B)  the first p child element within each section element if that p element is also the first child 
C)  the last  p  element within each  section  element 
D)  the last  p  child element within each  section element if that  p  element is also the last child

Question 17

To create a web page using responsive design, you start by creating a layout that's optimized for

Accepted Answer

A)  the smallest screen size you want to support. 
B)  the largest screen size you want to support. 
C)  Both A and B 
D)  Either A or B 
A)  the smallest screen size you want to support. 
B)  the largest screen size you want to support. 
C)  Both A and B 
D)  Either A or B

Question 18

Referring to the figure above, which aspect of responsive design does the figure illustrate?

Accepted Answer

A)  responsive navigation 
B)  a widescreen layout 
C)  a shim 
D)  an emulator 
A)  responsive navigation 
B)  a widescreen layout 
C)  a shim 
D)  an emulator

Question 19

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

Accepted Answer

A)  5% 
B)  10% 
C)  45% 
D)  100% 
A)  5% 
B)  10% 
C)  45% 
D)  100%

Question 20

When creating a responsive design, you create a(n) __________ at a width where the layout no longer looks good, or where you'd like to move elements or add or remove content.

Accepted Answer

A)  breakpoint 
B)  emulator 
C)  hamburger menu 
D)  shim 
A)  breakpoint 
B)  emulator 
C)  hamburger menu 
D)  shim

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

Which pseudo-class selects the first child element of the specified type?

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

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

Referring to the figure above, the word and represents a

When your default layout is optimized for small screens, then the media query for your first breakpoint would use the __________ media feature.

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

A media query recreates a feature for older browsers using JavaScript code. _________________________

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 __________.

Which of the following is a commonly hidden web page element?

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

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content. _________________________

On smaller screens, it's standard to replace the nav bar with a button showing 3 horizontal lines.

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

What is selected by the selector section p:first-of-type ?

To create a web page using responsive design, you start by creating a layout that's optimized for

Referring to the figure above, which aspect of responsive design does the figure illustrate?

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

When creating a responsive design, you create a(n) __________ at a width where the layout no longer looks good, or where you'd like to move elements or add or remove content.

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

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

Which pseudo-class selects the first child element of the specified type?

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

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

Referring to the figure above, the word and represents a

When your default layout is optimized for small screens, then the media query for your first breakpoint would use the __________ media feature.

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

A media query recreates a feature for older browsers using JavaScript code. _________________________

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 __________.

Which of the following is a commonly hidden web page element?

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

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content. _________________________

On smaller screens, it's standard to replace the nav bar with a button showing 3 horizontal lines.

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

What is selected by the selector section p:first-of-type ?

To create a web page using responsive design, you start by creating a layout that's optimized for

Referring to the figure above, which aspect of responsive design does the figure illustrate?

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

When creating a responsive design, you create a(n) __________ at a width where the layout no longer looks good, or where you'd like to move elements or add or remove content.

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