Exam 70-480 topic 3 question 10 discussion

HOTSPOT -
You are developing a web page.
The webpage must display a container. The container must display three colored rectangles near the top of the container. The colored rectangles are, in order, green, red, and yellow. The rectangles are aligned horizontally and evenly spaced across the width of the container.
The layout of the page must resemble the following image:

You need to ensure that the page renders properly.
How should you complete the relevant styles? (To answer, select the appropriate option from each drop-down list in the answer area.)
Hot Area:

Suggested Answer:
* -ms-flex-align
center: The flexbox item's margin box is centered in the cross axis within the line.
* -ms-flex-pack
The 'flex-pack' property defines the flexibility of these packing spaces.
Reference: CSS property '-ms-flex-align'; CSS property '-ms-flex-pack'