Question 1

Why does responsive design often use percentages to size elements?

Accepted Answer

​ Element widths in responsive designs a

Question 2

On small screens, it generally makes the most sense to display some content in a sidebar.

Accepted Answer

A) True 
 B)False

Question 3

Case-Based Critical Thinking Question
Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website.
-Jenna learns that while developing her website, she can most easily get asense of how the layout will perform on a variety of devices by

Accepted Answer

A)  acquiring and testing on all the devices that her target audience will be using 
B)  testing just on devices she owns 
C)  testing with an emulator 
D)  testing only on mobile devices 
A)  acquiring and testing on all the devices that her target audience will be using 
B)  testing just on devices she owns 
C)  testing with an emulator 
D)  testing only on mobile devices

Question 4

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 5

​
  
-Referring to the figure above, the code shown in the figure represents

Accepted Answer

A)  print styles. 
B)  a media query. 
C)  a shim. 
D)  a schema. 
A)  print styles. 
B)  a media query. 
C)  a shim. 
D)  a schema.

Question 6

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 7

What is the relationship between media queries and media features?

Accepted Answer

​ Once you have identified your first br

Question 8

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

Accepted Answer

A) True 
 B)False

Question 9

On small screens, it generally makes the most sense to display content

Accepted Answer

A)  in a single column 
B)  in two columns 
C)  at a fixed width 
D)  in a sidebar 
A)  in a single column 
B)  in two columns 
C)  at a fixed width 
D)  in a sidebar

Question 10

Before making a website publicly available, it's important to test on

Accepted Answer

A)  as many devices that your audience may be using as possible. 
B)  every device that may access your website. 
C)  your computer. 
D)  your computer and a smartphone. 
A)  as many devices that your audience may be using as possible. 
B)  every device that may access your website. 
C)  your computer. 
D)  your computer and a smartphone.

Question 11

Case-Based Critical Thinking Question
Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website.
-Jenna decides to change element sizes on the website to use

Accepted Answer

A)  percentages 
B)  ems 
C)  pixels 
D)  points 
A)  percentages 
B)  ems 
C)  pixels 
D)  points

Question 12

When a comma is used in a media query, the conditions before and after the comma must be true._________________________

Accepted Answer

A) True 
 B)False

Question 13

In a media query for responsive design, you follow the media type with one or more media __________, which specify conditions that the media must satisfy for the rules in the media query to be applied..

Accepted Answer

A)  details 
B)  features 
C)  modes 
D)  values 
A)  details 
B)  features 
C)  modes 
D)  values

Question 14

Matching
Match each logical operator and media feature with its description.
-max-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 15

A media __________ specifies conditions that specific media must satisfy for the rules in a media query to be applied.

Accepted Answer

The answer of A media __________ specifies conditions that specific...

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 lastpelement within eachsectionelement 
D)  the lastpchild element within eachsectionelement if thatpelement 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 lastpelement within eachsectionelement 
D)  the lastpchild element within eachsectionelement if thatpelement is also the last child

Question 17

Which pseudo-class selects the first child element if it is 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 18

​
  
-Referring to the figure above, the word screen 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 19

One of the most commonly hidden web page elements for smaller screens is the nav bar._________________________

Accepted Answer

A) True 
 B)False

Question 20

​
  
-Referring to the figure above, the word min-width 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.

Why does responsive design often use percentages to size elements?

On small screens, it generally makes the most sense to display some content in a sidebar.

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 shown in the figure represents

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

What is the relationship between media queries and media features?

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

On small screens, it generally makes the most sense to display content

Before making a website publicly available, it's important to test on

Case-Based Critical Thinking Question Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website. -Jenna decides to change element sizes on the website to use

When a comma is used in a media query, the conditions before and after the comma must be true._________________________

In a media query for responsive design, you follow the media type with one or more media __________, which specify conditions that the media must satisfy for the rules in the media query to be applied..

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

A media __________ specifies conditions that specific media must satisfy for the rules in a media query to be applied.

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

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

-Referring to the figure above, the word screen represents a

One of the most commonly hidden web page elements for smaller screens is the nav bar._________________________

-Referring to the figure above, the word min-width represents a

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

Why does responsive design often use percentages to size elements?

On small screens, it generally makes the most sense to display some content in a sidebar.

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 shown in the figure represents

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

What is the relationship between media queries and media features?

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

On small screens, it generally makes the most sense to display content

Before making a website publicly available, it's important to test on

Case-Based Critical Thinking Question Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website. -Jenna decides to change element sizes on the website to use

When a comma is used in a media query, the conditions before and after the comma must be true._________________________

In a media query for responsive design, you follow the media type with one or more media __________, which specify conditions that the media must satisfy for the rules in the media query to be applied..

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

A media __________ specifies conditions that specific media must satisfy for the rules in a media query to be applied.

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

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

​ -Referring to the figure above, the word screen represents a

One of the most commonly hidden web page elements for smaller screens is the nav bar._________________________

​ -Referring to the figure above, the word min-width represents a

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 shown in the figure represents

-Referring to the figure above, the word screen represents a

-Referring to the figure above, the word min-width represents a