The following two images show a web page that uses a responsive layout displayed on a mobile device and on a PC.
Displayed on a mobile device:

The layout stacks the content vertically.
Displayed on a computer monitor:
The layout displays the content cards horizontally in multiple columns.
Review the images on the left.
Complete the statements by selecting the correct option from each drop-down list.

Explanation:
First drop-down: flex boxes
Second drop-down: background-size
Third drop-down: cover
The layout changes from a stacked mobile layout to a multi-column desktop layout without relying on media queries. That behavior is commonly achieved with responsive flex boxes, where items can wrap naturally based on the available width. The header image must fill the available header area on both mobile and desktop. For that requirement, the correct CSS property is background-size, and the correct value is cover.
background-size: cover scales the image so the entire header area is filled, even if part of the image is cropped. contain would preserve the full image but could leave empty space, and auto would keep the image at its natural size.

Which JavaScript method is used to draw a circle on a canvas?

• A. bezierCurveTo
• B. ellipse
• C. arc
• D. circle

Explanation: Only visible for Actual4dump members. You can sign-up / login (it's free).

Review the images on the left.
Complete the statements by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: flex boxes
Second drop-down: background-size
Third drop-down: cover
The correct layout mechanism is responsive flex boxes because the content changes from a vertical mobile arrangement to a wider multi-column layout as space becomes available. Flexbox supports this behavior naturally through flexible item sizing and wrapping, often without needing explicit media queries for every screen size. The header image must fill its visible header region on both mobile and desktop. The correct CSS property for controlling how a background image scales inside its container is background-size. The correct value is cover, because background-size: cover scales the image so that the entire container is covered while preserving the image's aspect ratio. This prevents distortion, although some cropping can occur when the image and container have different aspect ratios. contain would preserve the full image but may leave empty space. auto would use the image's intrinsic size and would not reliably fill the header area. background- attachment, background-clip, and background-repeat do not control image scaling.

Which value does the following JavaScript code fragment store in the variable num?
var num = localStorage.length;

• A. Maximum length of a character string
• B. Number of key-value pairs in local storage
• C. Number of bytes available in local storage
• D. Potential capacity of local storage

Explanation: Only visible for Actual4dump members. You can sign-up / login (it's free).

Review the grid container requirements and mockup on the left. Which markup should you use to define the grid container?

• A. .grid-container { display: grid; grid-template-areas: " heading heading heading heading heading heading
  " " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
• B. Incorrectly places named area strings under grid-template-columns.
• C. Incorrectly places named area strings under grid-template-rows.
• D. Uses grid-template-columns and grid-template-rows with percentage and pixel sizing.

Explanation: Only visible for Actual4dump members. You can sign-up / login (it's free).