Exam 70-480 topic 2 question 38 discussion

Actual exam question from Microsoft's 70-480

Question #: 38
Topic #: 2

You develop a webpage.
The webpage must display a grid that contains one row and five columns. Columns one, three, and five are the same width. Columns two and four are the same width, but much wider than columns one, three, and five. The grid resembles the following image:

The grid must meet the following requirements:
✑ Each row must be tall enough to ensure that images are not cut off.
✑ Each row must contain five columns.
✑ The width of the columns must not change when the screen is resized or rotated.
You need to define the style for the grid. Which CSS3 style should you use?

A. Option A
B. Option B
C. Option C
D. Option D

Show Suggested Answer

Suggested Answer: C 🗳️
* -ms-grid-rows property
auto
The height of a row is computed based on the tallest child element in that column.
Incorrect Answers:
A: The width of the columns must not change when the screen is resized or rotated.

B, D: -ms-grid-rows property -
min-content
The minimum height of any child elements is used as the height of the row.
Note:
* width
The width of each column specified as one of the following values:
A length consisting of an integer number, followed by an absolute units designator ("cm", "mm", "in", "pt", or "pc") or a relative units designator ("em", "ex", or
"px").
A percentage of the object width.
A proportion of the remaining horizontal space (that is, the object width, less the combined widths of other tracks), consisting of an integer number followed by a fractional designator ("fr"). For example, if "200px 1fr 2fr" is specified, the first column is allocated 200 pixels, and the second and third columns are allocated 1/3 and 2/3 of the remaining width, respectively.

by alexcode at Oct. 30, 2020, 6:16 a.m.

Comments

Submit Cancel

alexcode

4 years, 6 months ago

Why not A asnwer&

upvoted 1 times

kianwessels

4 years, 5 months ago

I believe it is because they say that the size of the columns should not change when the screen size changes. Therefore you set it to x amount of pixels as using pixels is not responsive to the size of the screen

upvoted 1 times

kianwessels

4 years, 5 months ago

Thus the answer is C as it uses pixels and also the -ms-grid-rows: auto; which means it fulfills all the requirements

upvoted 1 times

...

Exam 70-480 All Questions

View all questions & answers for the 70-480 exam

Exam 70-480 topic 2 question 38 discussion

Comments

alexcode

kianwessels

kianwessels

SY0-701