Question 1

The point at which design layouts change in responsive design schemes is called the ______________.

Accepted Answer

breakpoint

Question 2

The key concept to remember is that the __________, not the device needs, should dictate when you add abreakpoint.

Accepted Answer

content

Question 3

You should design _______________ for the needs of the content rather than those of the device.

Accepted Answer

responsively

Question 4

What is the concept of 'content-first designs?'What questions must you ask when applying this concept?

Accepted Answer

As you are building responsive designs,

Question 5

A display width of 500 pixels is approaching smartphone size.

Accepted Answer

A) True 
 B)False

Question 6

Which style sheet switching technique can let web designers use one set of content for multiple destinations?

Accepted Answer

A)  media styles 
B)  conditional styles 
C)  dependent styles 
D)  switching styles 
A)  media styles 
B)  conditional styles 
C)  dependent styles 
D)  switching styles

Question 7

Which measurement is best to use for breakpoints when you are most concerned with flexibility?

Accepted Answer

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

Question 8

The srcset attribute of the  element supports the use of different fonts for the same text.

Accepted Answer

A) True 
 B)False

Question 9

In the earlier days of the web, designers created browser specific web pages to deal with different browser types.

Accepted Answer

A) True 
 B)False

Question 10

One technique for adapting to different browser widths is to use the display property  to remove or add content as needed.

Accepted Answer

A) True 
 B)False

Question 11

_______________ layouts realign elements of your content structure based on the device display.

Accepted Answer

The answer of _______________ layouts realign elements of your content...

Question 12

Using ___________________________, you can apply styles based on display device characteristics.

Accepted Answer

The answer of Using ___________________________, you can apply styles based...

Question 13

Which statement correctly uses an import rule to apply an external style if the device screen has a maximum width of 480 pixels?

Accepted Answer

A)  @url import("mobiledevice.css") screen and (max-width: 480px); 
B)  @import url("mobiledevice.css") screen and (max-width: 480px); 
C)  @screen import("mobiledevice.css") and (max-width: 480px); 
D)  @import screen and (max-width: 480px) u rl = "mobiledevice.css"; 
A)  @url import("mobiledevice.css") screen and (max-width: 480px); 
B)  @import url("mobiledevice.css") screen and (max-width: 480px); 
C)  @screen import("mobiledevice.css") and (max-width: 480px); 
D)  @import screen and (max-width: 480px) u rl = "mobiledevice.css";

Question 14

By combining the techniques of flexible layouts with the power of ____, you can extend the use of flexible layouts to adapt to any device size.

Accepted Answer

A)  media queries 
B)  min-width, max-width 
C)  CSS3 features 
D)  style properties 
A)  media queries 
B)  min-width, max-width 
C)  CSS3 features 
D)  style properties

Question 15

The point at which design layouts change in responsive design schemes is called the transition point.

Accepted Answer

A) True 
 B)False

Question 16

Briefly describe the three main elements of responsive design.

Accepted Answer

The three main elements of responsive de

Question 17

You can use __________ types to specify a style rule for each type of destination.

Accepted Answer

The answer of You can use __________ types to specify...

Question 18

Which dimension most commonly needs to be constrained when building responsive web pages?

Accepted Answer

A)  height 
B)  length 
C)  width 
D)  pixels 
A)  height 
B)  length 
C)  width 
D)  pixels

Question 19

If you want to target a specific device when building responsive web pages, which media feature should you use?

Accepted Answer

A)  width 
B)  screen-width 
C)  browser-width 
D)  device-width 
A)  width 
B)  screen-width 
C)  browser-width 
D)  device-width

Question 20

Which statement creates a responsive image style rule?

Accepted Answer

A)  img { max-width: 100%; height: auto; } 
B)  img {  max-width: auto;  height: screen-width;  } 
C)  screen {  img-width: 100%;  height: 100%;  } 
D)  screen {  img-width: auto;  height: 100%;  } 
A)  img { max-width: 100%; height: auto; } 
B)  img {  max-width: auto;  height: screen-width;  } 
C)  screen {  img-width: 100%;  height: 100%;  } 
D)  screen {  img-width: auto;  height: 100%;  }

The point at which design layouts change in responsive design schemes is called the ______________.

The key concept to remember is that the __________, not the device needs, should dictate when you add abreakpoint.

You should design _______________ for the needs of the content rather than those of the device.

What is the concept of 'content-first designs?'What questions must you ask when applying this concept?

A display width of 500 pixels is approaching smartphone size.

Which style sheet switching technique can let web designers use one set of content for multiple destinations?

Which measurement is best to use for breakpoints when you are most concerned with flexibility?

The srcset attribute of the < text > element supports the use of different fonts for the same text.

In the earlier days of the web, designers created browser specific web pages to deal with different browser types.

One technique for adapting to different browser widths is to use the display property to remove or add content as needed.

_______________ layouts realign elements of your content structure based on the device display.

Using ___________________________, you can apply styles based on display device characteristics.

Which statement correctly uses an import rule to apply an external style if the device screen has a maximum width of 480 pixels?

By combining the techniques of flexible layouts with the power of ____, you can extend the use of flexible layouts to adapt to any device size.

The point at which design layouts change in responsive design schemes is called the transition point.

Briefly describe the three main elements of responsive design.

You can use __________ types to specify a style rule for each type of destination.

Which dimension most commonly needs to be constrained when building responsive web pages?

If you want to target a specific device when building responsive web pages, which media feature should you use?

Which statement creates a responsive image style rule?

Html5

Web Site Design Principles

Site Planning

Cascading Style Sheets

Web Typography

Box Properties

Page Layouts

Graphics and Color

Site Navigation

Data Tables

Web Forms

Filters

Exam 12: Responsive Web Design

The point at which design layouts change in responsive design schemes is called the ______________.

The key concept to remember is that the __________, not the device needs, should dictate when you add abreakpoint.

You should design _______________ for the needs of the content rather than those of the device.

What is the concept of 'content-first designs?'What questions must you ask when applying this concept?

A display width of 500 pixels is approaching smartphone size.

Which style sheet switching technique can let web designers use one set of content for multiple destinations?

Which measurement is best to use for breakpoints when you are most concerned with flexibility?

The srcset attribute of the < text > element supports the use of different fonts for the same text.

In the earlier days of the web, designers created browser specific web pages to deal with different browser types.

One technique for adapting to different browser widths is to use the display property to remove or add content as needed.

_______________ layouts realign elements of your content structure based on the device display.

Using ___________________________, you can apply styles based on display device characteristics.

Which statement correctly uses an import rule to apply an external style if the device screen has a maximum width of 480 pixels?

By combining the techniques of flexible layouts with the power of ____, you can extend the use of flexible layouts to adapt to any device size.

The point at which design layouts change in responsive design schemes is called the transition point.

Briefly describe the three main elements of responsive design.

You can use __________ types to specify a style rule for each type of destination.

Which dimension most commonly needs to be constrained when building responsive web pages?

If you want to target a specific device when building responsive web pages, which media feature should you use?

Which statement creates a responsive image style rule?

Html5

Web Site Design Principles

Site Planning

Cascading Style Sheets

Web Typography

Box Properties

Page Layouts

Graphics and Color

Site Navigation

Data Tables

Web Forms

Filters