Exam 70-486 topic 1 question 30 discussion

Actual exam question from Microsoft's 70-486

Question #: 30
Topic #: 1

You are developing an ASP.NET MVC web application for viewing a photo album. The application is designed for devices that support changes in orientation, such as tablets and smartphones. The application displays a grid of photos in portrait mode.
When the orientation changes to landscape, each tile in the grid expands to include a description. The HTML that creates the gallery interface resembles the following markup.

If this CSS is omitted, the existing CSS displays the tiles in landscape mode.
You need to update the portrait mode CSS to apply only to screens with a width less than 500 pixels.
Which code segment should you use?

A. @media resolution(max-width: 500px) {. . .}
B. @media screen(min-width: Opx, max-width: 500px) {. . .}
C. @media screen and (width <= 500px) {. . .}
D. @media screen and (max-width: 500px) {. . .}

Show Suggested Answer

Suggested Answer: D 🗳️
Screen is used for computer screens, tablets, smart-phones etc. max-width is the maximum width of the display area, suchas a browser window.
References:
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

by hungry_ape9000 at May 12, 2020, 3:38 p.m.

Comments

Submit Cancel

zimzimzimma

Highly Voted 4 years, 11 months ago

Answer is D but question is confusing since it says LESS than 500px and D is MAX 500px.

upvoted 5 times

Lt_munchies

4 years, 9 months ago

Up screen width less than 500px therefore the MAX width is 500px

upvoted 6 times

...