Question 1

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

Question 2

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 a sense 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 C

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 B

Question 4

Match between columns
                        Premises: not
and
max-width
,
min-width

Accepted Answer

The Answer of conditions before and after must be true is...

Question 5

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

Accepted Answer

The answer of In responsive design, a button showing 3...

Question 6

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Accepted Answer

The answer of A(n) __________ runs on a computer and...

Question 7

Which of the following applies to a device with a screen or to a device with a minimum width of 500px?

Accepted Answer

A)  screen and (min-width: 500px) 
B)  screen, (min-width: 500px) 
C)  screen and (max-width: 500px) 
D)  screen, (max-width: 500px) 
A)  screen and (min-width: 500px) 
B)  screen, (min-width: 500px) 
C)  screen and (max-width: 500px) 
D)  screen, (max-width: 500px)

Question 8

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 9

When a media query uses the comma ( , ) logical operator,

Accepted Answer

A)  the conditions before and after the comma must be true. 
B)  the condition before or after the comma must be true. 
C)  the condition following the comma must be false. 
D)  the condition following the comma must be true. 
A)  the conditions before and after the comma must be true. 
B)  the condition before or after the comma must be true. 
C)  the condition following the comma must be false. 
D)  the condition following the comma must be true.

Question 10

Referring to the figure above, what part of a responsive layout would this code accomplish?

Accepted Answer

A)  create a small screen layout 
B)  add a sidebar 
C)  implement adaptive content 
D)  create a widescreen layout 
A)  create a small screen layout 
B)  add a sidebar 
C)  implement adaptive content 
D)  create a widescreen layout

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

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 13

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

Accepted Answer

A)  the width of the browser window. 
B)  the height of the browser window. 
C)  the width of its parent. 
D)  the height of its parent. 
A)  the width of the browser window. 
B)  the height of the browser window. 
C)  the width of its parent. 
D)  the height of its parent.

Question 14

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 15

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 16

Referring to the figure above, which of the following describes when the code applies?

Accepted Answer

A)  on a device with a screen and with a minimum width of 880px 
B)  on a device with a screen or with a minimum width of 880px 
C)  on a device with a screen and with a maximum width of 880px 
D)  on a device with a screen or with a maximum width of 880px 
A)  on a device with a screen and with a minimum width of 880px 
B)  on a device with a screen or with a minimum width of 880px 
C)  on a device with a screen and with a maximum width of 880px 
D)  on a device with a screen or with a maximum width of 880px

Question 17

Which of the following is true about IE8?

Accepted Answer

A)  It supports all current CSS properties. 
B)  It doesn't support features developed after the browser was released. 
C)  It is no longer used by anyone. 
D)  It is not supported by responsive design techniques. 
A)  It supports all current CSS properties. 
B)  It doesn't support features developed after the browser was released. 
C)  It is no longer used by anyone. 
D)  It is not supported by responsive design techniques.

Question 18

A browser on any device is capable of rendering any page written in HTML and CSS.

Accepted Answer

A) True 
 B)False

Question 19

Responsive design relies mainly on the min-height and max-height media features.

Accepted Answer

A) True 
 B)False

Question 20

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page content?

Accepted Answer

A)  a shim 
B)  progressive enhancement 
C)  an emulator 
D)  adaptive content 
A)  a shim 
B)  progressive enhancement 
C)  an emulator 
D)  adaptive content

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

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

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Which of the following applies to a device with a screen or to a device with a minimum width of 500px?

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

When a media query uses the comma ( , ) logical operator,

Referring to the figure above, what part of a responsive layout would this code accomplish?

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

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

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

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

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

Referring to the figure above, which of the following describes when the code applies?

Which of the following is true about IE8?

A browser on any device is capable of rendering any page written in HTML and CSS.

Responsive design relies mainly on the min-height and max-height media features.

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page 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

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

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

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Which of the following applies to a device with a screen or to a device with a minimum width of 500px?

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

When a media query uses the comma ( , ) logical operator,

Referring to the figure above, what part of a responsive layout would this code accomplish?

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

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

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

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

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

Referring to the figure above, which of the following describes when the code applies?

Which of the following is true about IE8?

A browser on any device is capable of rendering any page written in HTML and CSS.

Responsive design relies mainly on the min-height and max-height media features.

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page 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