Question 1

Match between columns
                        Premises: It refers to the portion of the webpage that a user sees at any one time, regardless of the device.
It applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.
It enables one to test a website across multiple types of devices.
They do not have height and width attributes or values in a Hypertext Markup Language (HTML) document.
In this layout, content is not resized based on the size of viewport.
It is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used.
It allows a webpage developer to detect the approximate pixel size of the current viewport.
It refers to the ever-expanding number of devices that connect to the Internet to share information.

Accepted Answer

The Answer of Responsive design and Viewport and Media queries is...

Question 2

_________ layouts combine aspects of fixed and fluid layouts.

Accepted Answer

The answer of _________ layouts combine aspects of fixed and...

Question 3

Fixed layouts can involve a tremendous amount of horizontal _________ and require much zooming on small viewports.

Accepted Answer

The answer of Fixed layouts can involve a tremendous amount...

Question 4

_________ layouts do not work well for smaller viewports.

Accepted Answer

The answer of _________ layouts do not work well for...

Question 5

Points are used to measure font and line sizes in _________ media.

Accepted Answer

The answer of Points are used to measure font and...

Question 6

In a fluid layout, no matter how small a browser becomes, the _________ boxes on a webpage page shrink and grow in response to the size of the viewport.

Accepted Answer

The answer of In a fluid layout, no matter how...

Question 7

The _________ measurement should not be used for width measurements, as this creates a fixed, unresponsive layout.

Accepted Answer

The answer of The _________ measurement should not be used...

Question 8

The default marker for each item in a(n) _________ list is a bullet.

Accepted Answer

The answer of The default marker for each item in...

Question 9

Coding links in a navigation system as an unordered list provides the _________ around each link, which is required to style the links for different viewport sizes later

Accepted Answer

The answer of Coding links in a navigation system as...

Question 10

_________ layouts use static measurement units such as pixels to define the width of the areas of a wireframe that set the width of the content regardless of the size of the viewport.

Accepted Answer

The answer of _________ layouts use static measurement units such...

Question 11

Every time a new webpage is created, it must be run through W3C's _________ to check the document for errors.

Accepted Answer

The answer of Every time a new webpage is created,...

Question 12

The height and width attribute values for the _________ tags in Hypertext Markup Language (HTML) files should be deleted to create a flexible image.

Accepted Answer

The answer of The height and width attribute values for...

Question 13

Explain in one's own words the best practices to be considered when designing for mobile viewports.

Accepted Answer

The answer of Explain in one's own words the best...

Question 14

The list-style-type property specifies the type of _________ to use in an ordered list.

Accepted Answer

The answer of The list-style-type property specifies the type of...

Question 15

Critical Thinking Questions Zach, a consultant, has recently launched a website for his business. His audience includes people who use both desktops and smartphones.
Zach wants to present his content in such a way that the site content shrinks and expands according to the type of device used to access the site. Which of the following layouts should Zach use for this purpose?

Accepted Answer

A fluid layout is the best choice for Zach because it adjusts to the screen width of the device being used to access the site, providing an optimal viewing experience for both desktop and mobile users. A static layout would not adjust to different device sizes, a fixed layout would have specific dimensions that may not display well on different devices, and a grid layout is a design technique and does not necessarily address the issue of responsive design.

Question 16

_________ images shrink and grow in proportion to a viewport, providing a better viewing experience across multiple devices.

Accepted Answer

The answer of _________ images shrink and grow in proportion...

Question 17

An ideal webpage in a _________ viewport requires little or no scrolling.

Accepted Answer

The answer of An ideal webpage in a _________ viewport...

Question 18

Critical Thinking Questions   Aslina, a wildlife photographer, has started her own website that showcases her work.
Identify the cascading Style Sheet (CSS) unit Aslina should use to measure the width of the wireframe elements and flexible images in her website.

Accepted Answer

The percentage (%) unit is ideal for creating responsive designs, as it allows elements to adjust their size relative to their parent container, making it suitable for flexible layouts and images.

Question 19

If the width of a browser window is reduced, the images in a webpage cut off because they do not resize with respect to the viewport. This problem can be tackled by adding _________ images to the webpage design.

Accepted Answer

The answer of If the width of a browser window...

Question 20

Critical Thinking Questions Zach, a consultant, has recently launched a website for his business. His audience includes people who use both desktops and smartphones.
Zach wants to detect the approximate pixel size of the current viewport so that it will help him selectively apply Cascading Style Sheet (CSS) rules that work best for that viewport size. Identify the concept of responsive design will help Zach get the required information.

Accepted Answer

The answer of Critical Thinking Questions Zach, a consultant, has...

Quiz 5: Responsive Design: Designing for Mobile Devices

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