How should you complete the relevant styles?

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.)

View Answer

Answer:

Explanation:

* -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’