Question 1

Media queries let you create more precise rules for destination media.

Accepted Answer

A) True 
 B)False

Question 2

You can wrap text around an image in a responsive column by ____ the image and setting a width for the image that is a percentage of the containing column.

Accepted Answer

A)  securing 
B)  anchoring 
C)  floating 
D)  inserting 
A)  securing 
B)  anchoring 
C)  floating 
D)  inserting

Question 3

Which icon has become a universally accepted menu icon?

Accepted Answer

A)  hot dog 
B)  sausage 
C)  hamburger 
D)  patty 
A)  hot dog 
B)  sausage 
C)  hamburger 
D)  patty

Question 4

Which pixel range accommodates smartphones and many tablets?

Accepted Answer

A)  780-1220 
B)  0-780 
C)  350-960 
D)  960-1500 
A)  780-1220 
B)  0-780 
C)  350-960 
D)  960-1500

Question 5

Describe media queries and give a simple code example of using them.

Accepted Answer

In CSS3, media types have been expanded

Question 6

Which CSS3 media feature might have a value of 16/9?

Accepted Answer

A)  resolution 
B)  aspect-ratio 
C)  color-index 
D)  orientation 
A)  resolution 
B)  aspect-ratio 
C)  color-index 
D)  orientation

Question 7

Describe how and why responsive web design was developed.

Accepted Answer

Throughout the history of the web, the c

Question 8

Which CSS3 media type is similar to the CSS2 media type named aural?

Accepted Answer

A)  speech 
B)  braille 
C)  voice 
D)  tty 
A)  speech 
B)  braille 
C)  voice 
D)  tty

Question 9

Which CSS3 media feature can have a value of Progressive or Interlace?

Accepted Answer

A)  scan 
B)  orientation 
C)  grid 
D)  color 
A)  scan 
B)  orientation 
C)  grid 
D)  color

Question 10

Which W3C standards-based solution solves the problem of using different files for the same image based on the device's needs?

Accepted Answer

A)  srcset attribute for the  element 
B)  multi-img attribute for the screen type 
C)  url attribute for the  element 
D)  multi-img attribute for the device type 
A)  srcset attribute for the  element 
B)  multi-img attribute for the screen type 
C)  url attribute for the  element 
D)  multi-img attribute for the device type

Question 11

Which statement will hide the article element?

Accepted Answer

A)  display { article: none; } 
B)  article { display: hidden; } 
C)  display { article: hidden; } 
D)  article { display: none; } 
A)  display { article: none; } 
B)  article { display: hidden; } 
C)  display { article: hidden; } 
D)  article { display: none; }

Question 12

The __________ media type is suitable for any type of device.

Accepted Answer

The answer of The __________ media type is suitable for...

Question 13

Describe breakpoints and how you use them.

Accepted Answer

The breakpoint is the point at which des

Question 14

To adapt your design for optimal viewing on several ranges of screen sizes what should you choose?

Accepted Answer

A)  a fixed height 
B)  a breakpoint 
C)  a flexible pixel size 
D)  a static width 
A)  a fixed height 
B)  a breakpoint 
C)  a flexible pixel size 
D)  a static width

Question 15

Which CSS3 media type is intended for devices that have a fixed-pitch character grid?

Accepted Answer

A)  tty 
B)  tv 
C)  screen 
D)  handheld 
A)  tty 
B)  tv 
C)  screen 
D)  handheld

Question 16

Which CSS3 media feature can have a value of portrait or landscape?

Accepted Answer

A)  scan 
B)  orientation 
C)  aspect-ratio 
D)  grid 
A)  scan 
B)  orientation 
C)  aspect-ratio 
D)  grid

Question 17

Which CSS3  media type is intended for Braille tactile feedback devices?

Accepted Answer

A)  embossed 
B)  tty 
C)  braille 
D)  speech 
A)  embossed 
B)  tty 
C)  braille 
D)  speech

Question 18

In CSS3, media types have been expanded into media __________, which let you create more precise rules for destination media.

Accepted Answer

The answer of In CSS3, media types have been expanded...

Question 19

Which statement is a media query that sets the media type to screen and the maximum width to 480 pixels?

Accepted Answer

A)  #media width 480px (@screen) 
B)  @width 480px and (media screen) 
C)  #screen media = max-width 480px 
D)  @media screen and (max-width: 480px) 
A)  #media width 480px (@screen) 
B)  @width 480px and (media screen) 
C)  #screen media = max-width 480px 
D)  @media screen and (max-width: 480px)

Question 20

Which CSS3 media type is intended for color desktop or handheld devices?

Accepted Answer

A)  desktop 
B)  handheld 
C)  all 
D)  screen 
A)  desktop 
B)  handheld 
C)  all 
D)  screen

Media queries let you create more precise rules for destination media.

You can wrap text around an image in a responsive column by ____ the image and setting a width for the image that is a percentage of the containing column.

Which icon has become a universally accepted menu icon?

Which pixel range accommodates smartphones and many tablets?

Describe media queries and give a simple code example of using them.

Which CSS3 media feature might have a value of 16/9?

Describe how and why responsive web design was developed.

Which CSS3 media type is similar to the CSS2 media type named aural?

Which CSS3 media feature can have a value of Progressive or Interlace?

Which W3C standards-based solution solves the problem of using different files for the same image based on the device's needs?

Which statement will hide the article element?

The __________ media type is suitable for any type of device.

Describe breakpoints and how you use them.

To adapt your design for optimal viewing on several ranges of screen sizes what should you choose?

Which CSS3 media type is intended for devices that have a fixed-pitch character grid?

Which CSS3 media feature can have a value of portrait or landscape?

Which CSS3 media type is intended for Braille tactile feedback devices?

In CSS3, media types have been expanded into media __________, which let you create more precise rules for destination media.

Which statement is a media query that sets the media type to screen and the maximum width to 480 pixels?

Which CSS3 media type is intended for color desktop or handheld devices?

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

Media queries let you create more precise rules for destination media.

You can wrap text around an image in a responsive column by ____ the image and setting a width for the image that is a percentage of the containing column.

Which icon has become a universally accepted menu icon?

Which pixel range accommodates smartphones and many tablets?

Describe media queries and give a simple code example of using them.

Which CSS3 media feature might have a value of 16/9?

Describe how and why responsive web design was developed.

Which CSS3 media type is similar to the CSS2 media type named aural?

Which CSS3 media feature can have a value of Progressive or Interlace?

Which W3C standards-based solution solves the problem of using different files for the same image based on the device's needs?

Which statement will hide the article element?

The __________ media type is suitable for any type of device.

Describe breakpoints and how you use them.

To adapt your design for optimal viewing on several ranges of screen sizes what should you choose?

Which CSS3 media type is intended for devices that have a fixed-pitch character grid?

Which CSS3 media feature can have a value of portrait or landscape?

Which CSS3 media type is intended for Braille tactile feedback devices?

In CSS3, media types have been expanded into media __________, which let you create more precise rules for destination media.

Which statement is a media query that sets the media type to screen and the maximum width to 480 pixels?

Which CSS3 media type is intended for color desktop or handheld devices?

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