Question 1

Which is the correct order for using pseudo-classes?

Accepted Answer

A)   link, visited, hover, active
B)   active, hover, visited, link
C)   link, visited, active, hover
D)   active, link, visited, hover A

Question 2

To gain focus, Samantha would like to modify the color of active links. Which dynamic pseudo-class should she use?

Accepted Answer

A)   :link
B)   :hover
C)   :active
D)   :visited C

Question 3

Match between columns
                        Premises: Enhances the appearance of the webpage for tablet and desktop displays.
Attribute used to determine which stylesheet should be applied.
Feature in Google Chrome used to view and test the website for each viewport.
Default layout used if a device has a viewport smaller than the minimum size specified. 
Approach that focuses on styling content appropriately for smaller, mobile devices.
Gives a chance to identify and correct errors in a document.
Pseudo-class that provides an interactive experience for the desktop user.
Tag used to connect an external style sheet to an HTML file.

Accepted Answer

The Answer of device mode and gradient and validator and is...

Question 4

In a mobile-first strategy, the mobile styles are listed first, because these are the default styles.

Accepted Answer

A) True 
 B)False

Question 5

The tablet market took off in 2010; however, as the size of smartphones increased, the tablet market started to decline.

Accepted Answer

A) True 
 B)False

Question 6

When you use responsive web design and media queries, you do not need to design multiple tablet layouts to accommodate tablet devices.

Accepted Answer

A) True 
 B)False

Question 7

If a logical expression evaluates to "false," the media query applies the styles that follow.

Accepted Answer

A) True 
 B)False

Question 8

Media queries cannot determine the size of a viewport.

Accepted Answer

A) True 
 B)False

Question 9

Identify the minimum viewport width for small smartphones.

Accepted Answer

A)   320px
B)   480px
C)   768px
D)   481px

Question 10

Media queries can be embedded in the _____ tag that connects an external style sheet to a Hypertext Markup Language (HTML) file, or they can be inserted in the external style sheet itself.

Accepted Answer

A)   link
B)   coords
C)   datalist
D)   embed

Question 11

A threshold is the point at which one wants a webpage to change.

Accepted Answer

A) True 
 B)False

Question 12

A webpage's files should be run through W3C's validator to check the documents for errors.

Accepted Answer

A) True 
 B)False

Question 13

A breakpoint is where different styles are applied to a webpage to cause it to change in a way that makes it easier to read and navigate for a particular situation.

Accepted Answer

A) True 
 B)False

Question 14

With so many tablet sizes, it can seem difficult to design a "one size fits all" layout for a tablet device.

Accepted Answer

A) True 
 B)False

Question 15

To verify the website appearance across multiple types of devices, Kevin would like to view the website from each viewport. Using Google Chrome, which mode may he use to accomplish this task?

Accepted Answer

A)   modulate
B)   validate
C)   device
D)   function

Question 16

Which pseudo-class is used to style a link that is being clicked at the moment?

Accepted Answer

A)   :link
B)   :active
C)   :hover
D)   :visited

Question 17

A _____ is attached to a selector with a colon to specify a state or relation to the selector to give the web developer more control over that selector.

Accepted Answer

A)   pseudo-class
B)   gradient
C)   breakpoint
D)   media query

Question 18

The _____ is where you apply different styles to the webpage to cause it to change in a way that makes it easier to read and navigate for a particular viewport, such as a user viewing the webpage on a smart phone.

Accepted Answer

A)   kernel
B)   anchor
C)   breakpoint
D)   orientation

Question 19

The default style rule for the navigation list items displays them as vertical links with a border between each link.

Accepted Answer

A) True 
 B)False

Question 20

Which describes the width of a screen in pixels?

Accepted Answer

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

Exam 6: Responsive Design Part 2 Designing for Tablet and Desktop Devices

Which is the correct order for using pseudo-classes?

To gain focus, Samantha would like to modify the color of active links. Which dynamic pseudo-class should she use?

Identify the letter of the choice that best matches the phrase or definition.

In a mobile-first strategy, the mobile styles are listed first, because these are the default styles.

The tablet market took off in 2010; however, as the size of smartphones increased, the tablet market started to decline.

When you use responsive web design and media queries, you do not need to design multiple tablet layouts to accommodate tablet devices.

If a logical expression evaluates to "false," the media query applies the styles that follow.

Media queries cannot determine the size of a viewport.

Identify the minimum viewport width for small smartphones.

Media queries can be embedded in the _____ tag that connects an external style sheet to a Hypertext Markup Language (HTML) file, or they can be inserted in the external style sheet itself.

A threshold is the point at which one wants a webpage to change.

A webpage's files should be run through W3C's validator to check the documents for errors.

A breakpoint is where different styles are applied to a webpage to cause it to change in a way that makes it easier to read and navigate for a particular situation.

With so many tablet sizes, it can seem difficult to design a "one size fits all" layout for a tablet device.

To verify the website appearance across multiple types of devices, Kevin would like to view the website from each viewport. Using Google Chrome, which mode may he use to accomplish this task?

Which pseudo-class is used to style a link that is being clicked at the moment?

A _____ is attached to a selector with a colon to specify a state or relation to the selector to give the web developer more control over that selector.

The _____ is where you apply different styles to the webpage to cause it to change in a way that makes it easier to read and navigate for a particular viewport, such as a user viewing the webpage on a smart phone.

The default style rule for the navigation list items displays them as vertical links with a border between each link.

Which describes the width of a screen in pixels?