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.

You are creating a form that asks a user to enter their phone number. The form must be submitted only if the phone number field is not empty and matches the format 111-444-7777. Which markup should you use?

• A. < input type= " tel " name= " phone " pattern= " [0-9]{3}-[0-9] {3}-[0-9]{4} " required >
• B. < input type= " tel " name= " phone " maxlength= " 12 " required >
• C. < input type= " tel " name= " phone " pattern= " [1]{3}-[4] {3}-[7]{4} " required >
• D. < input type= " tel " name= " phone " pattern= " [0-9]{3}[0-9] {3}[0-9]{4} " >

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

You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?

• A. The input areas overlap with other input areas.
• B. The defined input areas are not large enough.
• C. The touch screen is not initialized.
• D. The input areas are using event handlers to detect input.

You need to complete the code for a registration form that must meet the following criteria:
* The Password must be 6-8 characters long and use only letters and numbers.
* The Member ID must follow the pattern ###-##-###.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: maxlength=8
Second drop-down: pattern=[A-Za-z0-9]{6,8}
Third drop-down: pattern=[0-9]{3}-[0-9] {2}-[0-9]{3}
The password field needs two constraints. maxlength=8 limits the user to a maximum of eight characters, satisfying the upper length requirement. The pattern=[A-Za-z0-9]{6,8} attribute enforces the complete password rule: only uppercase letters, lowercase letters, and digits are allowed, and the total length must be between six and eight characters. A pattern without {6,8} would not enforce the minimum length, and {1,8} would incorrectly allow passwords shorter than six characters. The Member ID field must follow the visible placeholder format 123-45-678, which is three digits, a hyphen, two digits, another hyphen, and three digits.
Therefore, the correct member ID pattern is pattern=[0-9] {3}-[0-9]{2}-[0-9] {3}. The hyphens must be included literally in the pattern because the required format contains them. max=8 is not appropriate for password text length, and size=8 only controls display width, not validation.

Match each stage of Application Lifecycle Management to the task that occurs during that stage.
Move each stage from the list on the left to the correct task on the right.
Note: You will receive partial credit for each correct match.

Explanation:

Application Lifecycle Management organizes website creation into ordered stages that move from intent to implementation and long-term support. The Plan stage comes first because it establishes why the website exists, who the audience is, and what goals the application must satisfy. The Design stage converts those requirements into structure, including page layout, navigation, interface organization, and visual arrangement.
The Develop stage is where the website is built by writing HTML markup, CSS styling, JavaScript behavior, and integrating required assets or APIs. The Test stage evaluates whether the completed website functions correctly and is usable according to requirements; this includes checking features, layout behavior, validation, and user workflows. The Deploy stage publishes the finished website to the target hosting or production environment so users can access it. Finally, the Maintain stage occurs after release and includes monitoring, updating, fixing defects, improving compatibility, and keeping content or functionality current. References
/topics: application lifecycle management, planning, design, development, testing, deployment, maintenance.